Coding & Japanese Culture
Video in DOM goes into 3D world
I will explain how to play video in 3D world. The key logic is a UV map for a geometry. Video texture can manipulate as 3D blocks by mouse
Dismantle 3D Model into fragments
I place emphasis on the creation of a polygonal object and dismantled triangle parts. In this post, I will explain these procedures in that point of views next.
Camera Follows Along Paths on Geometry
In this post, I'm explaining how the camera follows along paths on geometry in Three.js.
Load countless 3D objects in Three.js
I have scanned Three.js example code, then explaining how to load countless objects with infinite repetitive animation on a particular geometric.
Clipping human face in 3D world
I figured out that clipping object looks like Japanese animation called GANTZ. Therefore I determined to demonstrate such an effect using Three.js.
[Code Reading] Clipping Object in Three.js
In this example, the originating object is cropped by invisible planes in surrounding. Besides, the cut mouth is coloured with specific colour material, magenta.
Difference Between しょうゆ顔(soy sauce face),ソース顔(sauce face), 塩顔(salt face).
Many people except Asian people might be difficult to distinguish our face types. I pick up three types of them and explain the traits.
How to send an image data from local file
I was trying to post image data from local PC area as well as from Smartphone. I have been using XMLHttpRequest by adding an extra header with queries so that server-side can catch them.
CSS3DRendering in Three.js
I'm learning Three.js with Three.js Cookbook in my daily coding to skill up. In this post, I pick one of trick in the book then I'm going to explain how to use it. That's CSS3DRendering.
KENDAMA is one of my recommend gift in Japan
The origin of KENDAMA started in French around 16th century. Nowadays in Japan, teenagers and young people play it with street dance.
Glitch Scroll Example by Three.js using React
In this post I'm going to explain how I achieved to implement glitch image with three.js.
Sine Wave Animation
Creating cool animation is not easy for me. I realised what I have to learn at first. That’s a basic knowledge of sin and cos algorithms. In this post I explain how the animation by sin wave is changing.
Page 1 of 3