武汉 PRO 求职中

3D Skew Menu on Hover

Whilst I have made it simple, it's a bit messy and I'll tidy it up soon! The idea was inspired by the way the menu is on this site: http://lab.hakim.se/radar/ and I just had to recreate my own. Absolutely love the effect!

Rhombic dodecahedron

Google Chrome only!!!

Test of WaveEquation Neumann

####Reference links Three.jsで波動シミュレーションを試してみるテスト(その2) http://jsdo.it/cx20/os42 波動方程式 http://www.natural-science.or.jp/WebGL/WaveEquation_Neumann.html

Test of Three.js and Tween.js

####Reference links 立体的なドット絵を変形してみるテスト http://jsdo.it/cx20/uEj0 mrdoob/three.js https://github.com/sole/tween.js/ sole/tween.js https://github.com/sole/tween.js/

3d Perspective Spheres

Move mouse left/right to rotate. Click the right button to decrease fov (field of view), and the left button to increase. It may be interesting to note that this doesn't use WebGL, all projection and rendering is done with the 2d canvas context. The Code Player really helped me understand the process: http://thecodeplayer.com/walkthrough/3d-perspective-projection-canvas-javascript And RectangleWorld the actual math: http://rectangleworld.com/blog/archives/298