Discover ykob/tplh.net-2019 Open Source project

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

2,094

shape-overlays

HTML

401

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 is utility class that controls smooth scroll and showing some elements by scroll event.

220

scroll-manager

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

110

glsl-dissolve

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

glsl-bloom

Interactive sketches made with three.js. Created by Yoichi Kobayashi.

sketch-threejs-v2

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

pjax

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

sphere-to-plane

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

sketch-webcam

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

study-threejs-lighting

Private GLSL utility functions created by @ykob

glsl-util

imago

it is test of glitch at WebGL fragment shader.

glsl-glitch

Private JavaScript utility functions created by @ykob.

js-util

glsl-force

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

glsl-school-2016

The asset to develop a website with Gulp.

gulpfile

SCSS

particle-picture

drawing a picture with particles and move it.

it is foundational matrix function made with glsl.

glsl-matrix

it is my basic files for three.js demo.

demofiles

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

panorama360

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

components

particle-spherical

球状に移動するパーティクル。

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

new-year-2017

learn-vuejs

learn-typescript

Drawing line animation with SVG.

svg-draw-path

wp-theme

PHP

learn-react-hook-form

Utility SCSS classes based on Emmet.

study-mediapipe-web

Vue

scss-utility

SCSS

tplh.net

I create demos with various particle effects.

learn-unity

vue-form

collision-2d

audio-visualizer-2d

learn-nextjs

vite-three-2023

particle-2023

it's my personal sketch that is used canvas2d.

sketch-canvas2d

sketch-webcam-v2

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

new-year-2016

JavaScript class for calculating acceleration.

force3.js

learn-svg

js-wheel

ykob.github.io

vue-ui

learn-webgl