creative-coding

three.js

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
12 May 2020
4 min read
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.
12 May 2020
3 min read
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.
12 May 2020
4 min read
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.
8 May 2020
3 min read
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.
29 Apr 2020
3 min read
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.
28 Apr 2020
2 min read
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.
19 Apr 2020
2 min read
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.
17 Apr 2020
4 min read
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.
9 Apr 2020
3 min read
p5.js

Draw characters of pseudo handwriting lines with p5.js

In my daily coding drill, I found a library specialised to p5.js called scribble.js. This library allows to create lines with hand-draw effect. The below image is what you can draw with it.
9 Apr 2020
3 min read
Canvas, Animation

Easy Circle Slider on Canvas without Library

The Generative Design Drill Series is all about interactive and generative designs in JavaScript. In this post I implemented a quick and dirty circular slider.
8 Apr 2020
3 min read
vue, Coding, p5.js, gcp, tensorflow

Be a Human Controller- Move Tetris blocks by moving your body - — Web Application with Nuxt and Tensorflow.js—

The rendering engine of the web browser can calculate the model generated by machine learning in real time and at high speed
8 Apr 2020
3 min read