Web Self Portrait

After a very nice class, when I realized how much

Our first assignment for Live Web is to create an interactive self portrait, using videos or audio tags along with JavaScript and CSS.

I decided to create a webpage that shows 6 things that I love most (skipping photography).
I dig through my phone, and found some videos, that fit perfectly.

I decided on not showing the control panel and just be able to play the video.
The videos activate when the user hover over the posters.

I still have many things I wanna change, hopefully I’ll manage to fix my bugs soon.






My synchronous website is iScribble – interactive drawing and chatting website.

You can create public or private canvases and share it with many people. In the meantime, you can also chat.

I used to draw there while being in high school. It was a lot of fun back then.

screen-shot-2016-09-13-at-12-36-50-pm screen-shot-2016-09-13-at-12-37-02-pm

Self Portrait

scanHere we go! Finally, I finished my Computational Portraiture assignment!

The task was to ‘create a computational portrait. The portrait had to portray a person, in an environment conveying something about them that is not visible to the eye’.

During our class, James and Alexander showed us zillions of amazing tools, we could use to work on our final projects.

I have to say, I was overwhelmed. After long research, many tests, I finally decided to play with Unity 3D.

My idea was to create a 3D self-portrait, placed in my own Wonderland. I wanted to allow the user to walk around my world, so that he could explore more ‘me’ in great details.

As an introduction, I just want to say that I’m a big Tim Burton Fan. He inspires me a lot, so obviously, my work had to be a little bit related to a piece of his art.

One of my favorite movies of his is Alice in Wonderland. Moreover, my middle name is Alice, so naturally my inner wolds looks pretty similar to what he showed in the film.

I have to admit, it’s a little bit trippy and psychedelic, but I guess that’s what I like the most 🙂

First step was to take a 3D scan. Thanks to the best Moon, I was able to get a 3D model of myself. We used Kinect and the software Skanect. I was pretty surprised with the result! The ‘3D me’ turned out to be pretty accurate.


Screen Shot 2016-02-14 at 4.16.46 PM

Screen Shot 2016-02-14 at 4.13.27 PM

scanI was playing around with Maya and Blender. Feeling goofy, using Creo Parametric 2 & Keyshot  I created a Oscar Statuette out of my scan 😉


Then, started working on my scenery:

Screen Shot 2016-02-16 at 7.48.52 PM

Screen Shot 2016-02-18 at 12.53.37 PM

Here’s my beloved horse:


some screenshot from the progress:

Screen Shot 2016-02-27 at 12.07.11 PMScreen Shot 2016-02-27 at 12.07.21 PMScreen Shot 2016-02-27 at 12.07.34 PMScreen Shot 2016-02-27 at 12.07.46 PMScreen Shot 2016-02-27 at 12.08.01 PM

And the first video:

and another one:

Finally, the result:


Final video :

Now, finally, here’s the link where you can play!


Hope you’ll enjoy! 🙂 Have fun! Looking forward to hear your feedbacks!

Also, I’d like to thank James George and Alexander Porter for an amazing class! I wish it would last longer, so I could experience more tools and continue my Unity adventure! Thanks again and looking forward to have some workshops with you in the nearest future!