Yoichi Kobayashi

sketch-threejs. Interactive sketches made with three.js.

shape-overlays. Multi-layered SVG shape overlays with adjustable values for a variety of effects. By Yoichi Kobayashi.

fullscreen-slider. This asset controls sections in a page. It resizes sections to fullscreen resolution and moves these individually by wheel/touch events.

scroll-manager. Scroll Manager is utility class that controls smooth scroll and showing some elements by scroll event.

threejs-experiments. Interactive sketches made with three.js. Created by Yoichi Kobayashi.

glsl-bloom. test of a glsl bloom effect. it is not used THREE.EffectComposer.

glsl-dissolve. it's dissolve effects for the 2D cross fade made with glsl.

tplh.net-2019. I explored what my identity was and tried to express it as much as possible using whatever technology I have now.

pjax. It's a utility JavaScript asset that manages asynchronous page transition on a website.

sphere-to-plane. this is WebGL demo that is moving vertices from sphere geometry to plane geometry.

sketch-webcam. Interactive demos with webcam, tensorflow.js models, three.js and Vue-CLI.

study-threejs-lighting. It's a study record of 3D graphic lighting with the shaders that I created by quoting from three.js.

imago. JavaScript

glsl-util. Private GLSL utility functions created by @ykob

glsl-glitch. it is test of glitch at WebGL fragment shader.

js-util. Private JavaScript utility functions created by @ykob.

glsl-force. GLSL

glsl-school-2016. 2016年10月開講の短期集中GLSLスクールに関するレポートと、講習を受けて作成したデモを置いています。

particle-picture. drawing a picture with particles and move it.

glsl-matrix. it is foundational matrix function made with glsl.

demofiles. it is my basic files for three.js demo.

gulpfile. The asset to develop a website with Gulp.

panorama360. Three.jsと全天球写真を組み合わせて作成した、360度パノラマビュー。

particle-spherical. 球状に移動するパーティクル。

new-year-2017. 2016年はたいへんお世話になりました。2017年もよろしくおねがいします。

components. they are components what can be used general purpose on website.

scss-utility. Utility SCSS classes based on Emmet.

svg-draw-path. Drawing line animation with SVG.

learn-svg. JavaScript

force3.js. JavaScript class for calculating acceleration.

learn-typescript. TypeScript

learn-vuejs. CSS

learn-nextjs-2023. TypeScript

learn-react-hook-form. TypeScript

wp-theme. PHP

study-mediapipe-web. Vue

three.js. JavaScript 3D library.

learn-webgl. JavaScript

audio-visualizer-2d. JavaScript

sketch-webcam-v2. TypeScript

learn-nodejs-with-express. TypeScript

vue-ui. CSS

sketch-canvas2d. it's my personal sketch that is used canvas2d.

new-year-2016. 2015年中はお世話になりました。2016年もよろしくお願いします。

tplh.net. CSS

ykob.github.io.

vite-three-2023. TypeScript

learn-unity. C#

demo-api. TypeScript

vue-form. Vue

learn-nextjs. JavaScript

jwt-auth-learning-kit. TypeScript

noisejs. Javascript 2D Perlin & Simplex noise functions