Jonathan Carter lostintangent

## character-saying-wow.markdown

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                lostintangent
                / character-saying-wow.markdown
            
            
              Last active
              March 5, 2024 20:40
            
              
                Character Saying WOW
              
          
    Character Saying WOW

This animation was created using svgMotion v1.000-release

Create yours today at https://michaelsboost.com/svgMotion
A Pen by Michael Schwartz on CodePen.
License.

  
## index.html
<body bgcolor=#223><center>
<div style=font-size:45px><b>ℤ𝕫𝔽𝕏 - Zuper Zmall Zound Zynth</b></div>
<div style=font-size:20px><i>A tiny tool for creating and playing sound effects with JavaScript</i></div>
<div style=max-width:799px>
<div style=font-size:20px>
<input id=volume type=range min=0 max=1 step=.01 oninput='zzfxV=volume.value;volumeText.innerHTML=volume.value*100|0'></input>
Volume <span id=volumeText>30</span> %
</div>
<button onClick=zzfx(...[,,1675,,.06,.24,1,1.82,,,837,.06])>💰</button>
<button onClick=zzfx(...[,,925,.04,.3,.6,1,.3,,6.27,-184,.09,.17])>🥊</button>

## index.html
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/build/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/postprocessing/EffectComposer.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/postprocessing/RenderPass.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/postprocessing/ShaderPass.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/shaders/CopyShader.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/shaders/LuminosityHighPassShader.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/postprocessing/UnrealBloomPass.js"></script>

<div id="overlay">
  <ul>

## สล็อต ฝาก 10 รับ 100 เว็บสล็อตมือถือ ทดลองเล่นฟรี ค่ายสุดฮิตแห่งปี 2024
สล็อต ฝาก 10 รับ 100 เว็บสล็อตมือถือ ทดลองเล่นฟรี ค่ายสุดฮิตแห่งปี 2024

## App.tsx
import * as React from "react";

export default function App() {

   return <div className="text-3xl underline">Hello world</div>;
}

## flood-the-valley.markdown

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                lostintangent
                / flood-the-valley.markdown
            
            
              Last active
              December 15, 2023 19:58
            
              
                🌊 Flood the Valley
              
          
    🌊 Flood the Valley

A Pen by Joshua van Boxtel on CodePen.
License.

  
## 1 - Intro---README.md

      
              12 files
            
          
              6 forks
            
          
              0 comments
            
          
              11 stars
            
          
                lostintangent
                / 1 - Intro---README.md
            
            
              Last active
              December 7, 2023 12:55
            
              
                Learning MobX (Side-Effects)
              
          
    1: Intro

Welcome to the interactive tutorial on how to use side-effect "operators" in MobX! Over the course of the next three samples, you'll learn (and be able to explore) exactly how autorun, when and reaction work, and when/why you would use them when building reactive applications.

  
## dynamic-3d-confetti-text.markdown

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                lostintangent
                / dynamic-3d-confetti-text.markdown
            
            
              Last active
              November 19, 2023 17:27
            
              
                dynamic 3D confetti text
              
          
    dynamic 3D confetti text

Trying to get more comfortable with 3D since I don't really venture beyond the second dimension outside of having to do so for work.
Why not do my favourite canvas getImageData trick with Three.js?
Using the pretty colors and flat-shaded style as seen in @Yakudoo's pens
window resize is totally busted right now  ¯_(ツ)_/¯ so you'll have to refresh if you resize
A Pen by Rachel Smith on CodePen.

  
## code.js
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.

import { action, comparer, runInAction } from "mobx";
import * as path from "path";
import * as vscode from "vscode";
import { workspace } from "vscode";
import { EXTENSION_NAME, FS_SCHEME_CONTENT } from "../constants";
import { api, RefType } from "../git";
import { CodeTourComment } from "../player";

## index.html

<div id="shader"></div>
<script id="vertex" type="x-shader/x-vertex">
  varying vec2 vUv;
	void main() { gl_Position = vec4(position, 1.0);
               vUv = uv;
              }
</script>

<script id="fragment" type="x-shader/x-fragment">
	<body bgcolor=#223><center>
	<div style=font-size:45px><b>ℤ𝕫𝔽𝕏 - Zuper Zmall Zound Zynth</b></div>
	<div style=font-size:20px><i>A tiny tool for creating and playing sound effects with JavaScript</i></div>
	<div style=max-width:799px>
	<div style=font-size:20px>
	<input id=volume type=range min=0 max=1 step=.01 oninput='zzfxV=volume.value;volumeText.innerHTML=volume.value*100\|0'></input>
	Volume <span id=volumeText>30</span> %
	</div>
	<button onClick=zzfx(...[,,1675,,.06,.24,1,1.82,,,837,.06])>💰</button>
	<button onClick=zzfx(...[,,925,.04,.3,.6,1,.3,,6.27,-184,.09,.17])>🥊</button>
	<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/build/three.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/postprocessing/EffectComposer.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/postprocessing/RenderPass.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/postprocessing/ShaderPass.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/shaders/CopyShader.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/shaders/LuminosityHighPassShader.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/postprocessing/UnrealBloomPass.js"></script>

	<div id="overlay">
	<ul>
	import * as React from "react";

	export default function App() {

	return <div className="text-3xl underline">Hello world</div>;
	}
	// Copyright (c) Microsoft Corporation.
	// Licensed under the MIT License.

	import { action, comparer, runInAction } from "mobx";
	import * as path from "path";
	import * as vscode from "vscode";
	import { workspace } from "vscode";
	import { EXTENSION_NAME, FS_SCHEME_CONTENT } from "../constants";
	import { api, RefType } from "../git";
	import { CodeTourComment } from "../player";

	<div id="shader"></div>
	<script id="vertex" type="x-shader/x-vertex">
	varying vec2 vUv;
	void main() { gl_Position = vec4(position, 1.0);
	vUv = uv;
	}
	</script>

	<script id="fragment" type="x-shader/x-fragment">