🚴‍♂️

Andrii Ostapenko 0xf0f0f0

🚴‍♂️

js game dev

0xf0f0f0 / editor-runner.js

Created February 16, 2021 13:07

editor-runner

	/* eslint-disable */

	import dat from 'dat.gui';

	class Editor {
	get bg() {
	return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAFACAYAAADNkKWqAAALlklEQVR4Ae3XsXGEUBBEQaECg2zIPwoS2DgwMLgiimfQSmBGvZ+pumVmnj9/BAgQ+KDA+v7P571n//qxXfL5e3+RwNe/v//IXSwBAgRyAQOYn0ABAgQqAQNYycslQCAXMID5CRQgQKASMICVvFwCBHIBA5ifQAECBCoBA1jJyyVAIBcwgPkJFCBAoBIwgJW8XAIEcgEDmJ9AAQIEKgEDWMnLJUAgFzCA+QkUIECgEjCAlbxcAgRyAQOYn0ABAgQqAQNYycslQCAXMID5CRQgQKASMICVvFwCBHIBA5ifQAECBCoBA1jJyyVAIBcwgPkJFCBAoBIwgJW8XAIEcgEDmJ9AAQIEKgEDWMnLJUAgFzCA+QkUIECgEjCAlbxcAgRyAQOYn0ABAgQqAQNYycslQCAXMID5CRQgQKASMICVvFwCBHIBA5ifQAECBCqBZWaeKlwuAQIESoH1DT/vPetwbJd8/t5fJPD1789P4OjhiSVAoBcwgP0NNCBAIBIwgBG8WAIEegED2N9AAwIEIgEDGMGLJUCgFzCA/Q00IEAgEjCAEbxYAgR6AQPY30ADAgQiAQMYwYslQKAXMID9DTQgQCASMIARvFgCBHoBA9jfQAMCBCIBAxjBiyVAoBcwgP0NNCBAIBIwgBG8WAIEegED2N9AAwIEIgEDGMGLJUCgFzCA/Q00IEAgEjCAEbxYAgR6AQPY30ADAgQiAQMYwYslQKAXMID9DTQgQCASMIARvFgCBHoBA9jfQAMCBCIBAxjBiyVAoBcwgP0NNCBAIBIwgBG8WAIEegED2N9AAwIEIgEDGMGLJUCgFzCA/Q00IEAgElhm5omyxRIgQCAVWN/0896zEsd2yefv

0xf0f0f0 / createSpiral.js

Last active January 10, 2021 23:42

createSpiralThreeJs

	const createSpiral = ({
	radius = 5,
	turns = 3,
	poinstPerTurn = 20,
	from = new THREE.Vector3,
	axis = 'xyz',
	convertToVectors = true
	}) => {
	const angleStep = (Math.PI * 2) / poinstPerTurn;
	const heightStep = .5;

0xf0f0f0 / phaser-2-utils.js

Last active December 7, 2020 13:41

	const delay = (game, delay = 1) => game.add.tween(this)
	.to({}, delay, null, true).onComplete;

	const makeText = (game, props, anchor = {x: .5, y: .5}) => {
	const {value, styles} = props;
	const {x, y} = anchor;
	const text = game.make.text(0, 0, value, styles);
	text.anchor.set(x, y);
	return text;
	};

0xf0f0f0 / FiniteStateMachine.js

Last active May 14, 2021 11:49

0xf0f0f0 / grd-bg.js

Created October 19, 2020 12:51

0xf0f0f0 / three-clone-gltf.js

Created September 14, 2020 13:59 — forked from cdata/three-clone-gltf.js

A quick hack to clone a Three.js GLTF scene without re-loading or re-parsing the source.

0xf0f0f0 / gameStore.js

Created August 5, 2020 12:03

	class GameStore {
	constructor(props, ignoreResetProps = [], isDevelopment = false) {
	this._listeners = {};
	this._values = {};
	this._defaultProps = props;
	this._ignoreResetProps = ignoreResetProps;

	this.isDevelopment = isDevelopment;

	if (isDevelopment) {

0xf0f0f0 / canvas-blur.js

Created July 30, 2020 11:03

	/**
	* A utility that blurs the render() function by averaging samples over many frames
	* @param render
	* @param opts
	* @returns {Function}
	*/
	export function createMotionBlur(render, opts = {}) {
	const { samplesPerFrame = 4, shutterAngle = 0.5, onlyExporting = false } = opts;
	const otherCanvas = document.createElement('canvas');
	const otherContext = otherCanvas.getContext('2d');

0xf0f0f0 / attach-object-to-camera.js

Last active August 5, 2020 12:00

	const attachObjectToCamera = (object, delta) => {

	camera.updateMatrixWorld();

	const target = new THREE.Vector3(0, -.3, -3);
	target.applyMatrix4(camera.matrixWorld);

	const moveSpeed = 15;
	const distance = object.position.distanceTo(target);

0xf0f0f0 / three-js-camera-shake.js

Last active July 9, 2020 08:35

	const defaultProps = {
	dist: .15,
	time: 10
	}
	export const cameraShake = (camera = null, count = 10, callback = () => {}, props = defaultProps) => {
	if (!camera) {
	throw new Error('Camera is not define!');
	}

	const basePosition = new THREE.Vector3().copy(camera.position);