Skip to content

Instantly share code, notes, and snippets.

@JuliaSukach
JuliaSukach / index.html
Created January 16, 2023 08:07
smoke.js
<body cz-shortcut-listen="true"><a href="https://github.com/bijection/smoke.js">
<img style="width: 150px; position: absolute; top: 0; right: 0; border: 0;" src="./github.png" alt="Spoon me on GitHub">
</a>
<canvas id="canvas" width="1777" height="898"></canvas>
<div id="hi">
<a href="https://github.com/bijection/smoke.js">
smoke.js
</a>
</div>
</body>
@JuliaSukach
JuliaSukach / script.js
Created October 25, 2022 09:06
WebGL Smoke
var camera, scene, renderer,
geometry, material, mesh;
init();
animate();
function init() {
stats = new Stats();
stats.setMode(0);
stats.domElement.style.position = 'absolute';
@JuliaSukach
JuliaSukach / index.html
Created October 19, 2022 09:04
Sherlock smoking
<div class="ag-sherlock-block">
<div class="ag-format-container">
<div class="ag-sherlock">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 270 340" class="ag-sherlock_smoke">
<mask id="smokeBlick1" x="0" y="0" width="100%" height="100%">
<image xlink:href="https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/sherlock-smoking/images/smoke-1.png" width="168" height="238" x="58" y="92"></image>
</mask>
<mask id="smokeBlick2" x="0" y="0" width="100%" height="100%">
<image xlink:href="https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/sherlock-smoking/images/smoke-3.png" width="124" height="246" x="69" y="79"></image>
</mask>
@JuliaSukach
JuliaSukach / index.html
Created October 12, 2022 13:55
Smoke Effect
<html>
<head>
<title>Canvas</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<canvas id="myCanvas" ></canvas>
<script src="smoke.js" type="text/javascript"></script>
<script>draw();</script>
</body>