kazax-inc

gl particle sns icons.

Black hole located at the mouse cursor position swallows the whole galaxy at which point it explodes and the process starts again.

2D pictures turned into 3D shapes by defining a custom value on the Z axis depending on the brightness.
Have fun with the controls on the right !
Inspired by this : https://www.chromeexperiments.com/experiment/webcam-mesh

Ported from Stefan Gustavson's java implementation http://staffwww.itn.liu.se/~stegu/simplexnoise/simplexnoise.pdf Read Stefan's excellent paper for details on how this code works.

You can pass in a random number generator object if you like. It is assumed to have a random() method.

	const { Contract, ContractFactory, utils, BigNumber } = require("ethers")
	const WETH9 = require("../WETH9.json")

	const artifacts = {
	UniswapV3Factory: require("@uniswap/v3-core/artifacts/contracts/UniswapV3Factory.sol/UniswapV3Factory.json"),
	SwapRouter: require("@uniswap/v3-periphery/artifacts/contracts/SwapRouter.sol/SwapRouter.json"),
	NFTDescriptor: require("@uniswap/v3-periphery/artifacts/contracts/libraries/NFTDescriptor.sol/NFTDescriptor.json"),
	NonfungibleTokenPositionDescriptor: require("@uniswap/v3-periphery/artifacts/contracts/NonfungibleTokenPositionDescriptor.sol/NonfungibleTokenPositionDescriptor.json"),
	NonfungiblePositionManager: require("@uniswap/v3-periphery/artifacts/contracts/NonfungiblePositionManager.sol/NonfungiblePositionManager.json"),
	WETH9,


	<section class="player" id="player">
	<div class="fa fa-music"></div>
	<div class="content">
	Music Player <br />
	Station: Underground 80s <br />
	<button>Play music</button>
	</div>
	</section>

	#main
	- for (var x = 0; x < 800; x++)
	svg(viewBox="0 0 10 10")
	polygon(class="▲" fill="rgba(255,255,255,0)" points="5 0, 10 10, 0 10")

	<!-- SOURCE SVG CONTAINER -->
	<div id="sourceSVGcontainer">

	<!-- Shape Plus -->
	<svg width="20px" height="20px" viewBox="0 0 20 20" id="shapePlus" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<polygon fill="#F57176" fill-rule="nonzero" points="11 3.6739404e-16 11 9 20 9 20 11 10.999 11 11 20 9 20 8.999 11 0 11 0 9 9 9 9 0"></polygon>
	</svg>

	<!-- Shape SolidCircle -->
	<svg width="20px" height="20px" viewBox="0 0 20 20" id="shapeSolidCircle" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

	<div id="blackhole">
	<div class="centerHover"><span>ENTER</span></div>
	</div>