OTSUMITSU - OTSUMITSU

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

three.js

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.

three.js

Camera Follows Along Paths on Geometry

In this post, I'm explaining how the camera follows along paths on geometry in Three.js.

three.js, Animation

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.

three.js

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.

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.

Culture

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.

Javascript

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.

three.js

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.

three.js

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.

Canvas, Animation

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.