ykob / App.vue

Last active May 18, 2020 11:52

It is the rough asset of attaching the scroll effect with the Vue components.

	<template>
	<div></div>
	</template>

	<script>
	export default {
	created() {
	window.addEventListener("resize", this.resize);
	window.addEventListener("scroll", this.scroll);

ykob / draft-of-component-structure.md

Created July 3, 2019 03:55

こわれないComponent分類についての考察

Atomic Design

純粋に本来のアトミックデザインの分類に従うと以下のようになる。

ykob / setFullScreen.js

Created July 27, 2016 06:11

	setFullScreen = ($elm, width, height) => {
	let resize_width = 0;
	let resize_height = 0;
	let margin = [];
	if (window.innerWidth / window.innerHeight > width / height) {
	resize_width = window.innerWidth;
	resize_height = height * (window.innerWidth / width);
	let over = (window.innerHeight - resize_height) / 2;
	margin = [over, 0, over, 0];
	} else {

ykob / BgYoutube.js

Last active February 20, 2018 08:59

	export default class BgYoutube {
	constructor(videoId, playerId, width, height, resolution) {
	this.playerId = playerId;
	this.width = width;
	this.height = height;
	this.player = null;

	this.initPlayer(videoId, playerId);
	this.setFullScreen(resolution);
	}

ykob / flat_shading.fs

Last active January 19, 2017 08:06

	uniform vec3 light_direction;

	varying vec3 vPosition;
	varying vec3 vColor;
	varying mat4 vInvertMatrix;

	void main() {
	vec3 normal = normalize(cross(dFdx(vPosition), dFdy(vPosition)));
	vec3 inv_light = normalize(vInvertMatrix * vec4(light_direction, 1.0)).xyz;
	float diff = clamp(dot(normal, inv_light), 0.0, 1.0);

ykob / blur.fs

Last active January 19, 2017 08:05

ykob / mosaic.fs

Last active July 18, 2018 00:45

fragment shader of mosaic filter

	uniform vec2 resolution;
	uniform sampler2D texture;

	varying vec2 vUv;

	const float mosaic = 12.0;

	void main() {
	vec4 color = vec4(0.0);
	vec2 offset = vec2(mod(gl_FragCoord.x, mosaic), mod(gl_FragCoord.y, mosaic));

ykob / anchor.js

Created March 17, 2016 21:50

	$('a[href^=#]').on('click', function() {
	$('html,body').animate({
	scrollTop: $($(this).attr('href')).offset().top
	}, 1000);
	return false;
	});

ykob / preloader.js

Last active June 12, 2016 17:10

	export default class Preloader {
	constructor() {
	this.data = null;
	this.callbackLoadedData = null;
	this.callbackLoadedDataAll = null;
	this.count_loaded = 0;
	this.complete = false;
	}
	start(data, callbackLoadedData, callbackLoadedDataAll) {
	if (!data.isArray) return;

ykob / popup.js

Created February 5, 2016 10:03

simple popup.

Yoichi Kobayashi ykob