NORIMAKINEKO PROJECT

[adramajp]

Voxel to Sphere Dinosaur

We modified a VoxEdit template to create a Triceratops. We then turned it into a sphere. The number of units is too high, making loading a bit slow.

[adramajp]

Voxel to Sphere Maguro

We converted the voxel we made earlier into a sphere. The eyes were added later.

[adramajp]

GLTF Viewer List of NORIMAKINEKO,s story

We've also updated the GLTF Viewer List, so please check that out too.

GLTF Viewer List of the NORIMAKINEKO,s story

A compilation of content that allows GLTF data to be viewed on the web using three.js. In addition to animation clips, geometry position dat

[adramajp]

Voxel to Sphere Walk Cat

We edited VoxEdit templates to create Spherelon's cat, which can display multiple motions by switching between them. Dragging the screen changes the orientation of the 3D model.

Voxel created in VoxEdit, exported in Gltf and converted to a set of spheres. From now on, any Voxel art can be made round (probably).

[adramajp]

I reduced the number of Body objects.

The original 2942 voxels were reduced to 1533. Furthermore, only one Body object was created for the four spheres, with the remaining three implemented using a proximity movement trick, achieving sufficient speed even on smartphones.

Since the return animation doesn't use the physics engine, it moves smoothly without lag.

I used cannon-es.js as the physics engine to simulate the falling collapse of NORIMAKINEKO rendered as spherons. Collapse and reset are poss

[adramajp]

Implementing a physics engine with cannon-es.js

I used cannon-es.js as the physics engine to simulate the falling collapse of NORIMAKINEKO rendered as spherons. Collapse and reset are possible with the button in the lower right.

In its original state, the computational load is too high, resulting in a significantly low frame rate even on PCs.

[adramajp]

Gaussian Blur and Edge Detection

We've implemented a post-processing effect that uses Gaussian blur and a Sobel filter for edge detection.

Since We hadn't worked with the WebGLRenderTarget class before, this was a good opportunity. We added sliders to change the width of the blur and color of the edge lines.

We've implemented a post-processing effect that uses Gaussian blur and a Sobel filter for edge detection.

[adramajp]

3D Character

I was sorting through some old data I had created and came across some rotating 3d text content using three.js.

[adramajp]

NORIMAKI

[adramajp]

How to Make Sushi Rolls.

Norimaki are made by laying a sheet of nori on a bamboo rolling mat, spreading a layer of rice on top, and adding fillings. The whole thing is then rolled up with the mat. And sliced.

We have published content created with VoxEdit on 'How to Make Sushi Rolls'. We used three-bvh-csg to cut the rolled sushi. Thanks to gkjonson.

https://adrama.jp/norimakineko/makenorimaki/

[adramajp]

Metaball Applications

We put a noise texture on the metaball and placed it in front of the movie in the water. Master Nori is in the right foreground.

Because of the high rendering load, the resolution is designed to be lowered when the frame rate drops. And on the Android device we tested, the effect of transparency was not as shown in the movie.

https://adrama.jp/norimakineko/glsl/waterball/

[adramajp]

Metaball

We are just learning GLSL and have made a meta-ball, following the reference book. One of the spheres can be moved by touch. Because of the slight rendering load we have set the resolution to 1 for our smart phone.

See the actual site

[adramajp]

[adramajp]

Repetition

If you make this screen as large as possible on your PC and stare at it for 10 or so seconds, then look around you, things will appear to shrink gradually.

[adramajp]

Voxel to Sphere Shochan

We used a VoxEdit template to Spheronize an animated human model.

https://adrama.jp/norimakineko/voxel_to_sphere_shochan/

[adramajp]

Nori

[adramajp]

Onigiri