Astralscience
Using Parlin noise to move 150 particles around.
This is a demo app written in WASM.
Visit my Github repo for the source.
Perlin Noise を使って 150 個の粒子を動かす、デモ用の WASM アプリです。興味のある方は私の Github リポジトリ をみて下さいね。
Github Repos
Check out my Github repos!
rawjs-generate
A sample RawJS app with PUB/SUB messaging to generate/destroy DOM elements.
RawJS
JSDoc
cloudflare-workers-d1-rust-example
A sample code for Cloudflare Worker written in Rust using D1.
Cloudflare Worker
D1
Rust
resize
A very simple CLI program written in Rust for resizing an image with specified width.
Rust
image
resize
CLI
perlin-experiment-2
Another attempt in using Perlin noise. Last time, only the noise calculation was done in WASM, and a canvas animation was done in JS. This time, everything is done in WASM. To better serve as an introductory WASM sample app, I made the codes as simple as possible.
Rust
wasm-pack
wasm-bindgen
js-sys
web-sys
Perlin Noise
jsdoc-for-type-safety
Use JSDoc comments, and run a type-check using TypeScript.
JSDoc
TypeScript
type-safety
simple-i18n-solution
A simplified version of what I have for my website for i18n localization.
i18n
NodeJS
Javascript
very-simple-wasm-2023
A sample WASM app using wasm-pack-plugin prepared as a learning material.
Rust
wasm-pack
wasm-bindgen
js-sys
web-sys
wasm-pack-plugin
widgets-react-vs-solidjs
Comparing widgets implemented with React vs SolidJS.
This is more about using Emotion CSS and Tailwind CSS for React and SolidJS apps.
This is more about using Emotion CSS and Tailwind CSS for React and SolidJS apps.
Web Components
SolidJS
React
Emotion & Tailwind
latest-ts-setup-2022
Let me have a boiler plate for Babel + TypeScript.
Babel
TypeScript
React
Emotion & Tailwind
flight-pack
A demo app using wasm-pack-plugin, drawing flight information on Google Map.
Rust
wasm-pack
wasm-bindgen
js-sys
web-sys
wasm-pack-plugin
sowngwala
A library for calculating sun's position.
"sowng" stands for "sun" in Belter language (from sci-fi movie "The Expanse").
"wala" for "one who is professional at".
"sowng" stands for "sun" in Belter language (from sci-fi movie "The Expanse").
"wala" for "one who is professional at".
Rust
mikaboshi
A Rust library for 風水 (风水) (Feng-Shui) providing basic Chinese astrological concepts such as 八卦 (Ba-Gua), 干支 (Gan-Zhi), 九星 (Jiu-Xing), 二十四节气 (Er-Shi-Si Jie-Qi), 二十四山向 (Er-Shi-Si Shan-Xiang), 生死衰旺 (Sheng-Si Shuai-Wang), etc. When bundled into a WASM (WebAssembly) app, you could associate the library with your Javascript apps as well.
Rust
perlin-experiment
This WASM app creates canvas elements for 2 divs, and runs animations. The WASM app is one, but handles 2 canvas elements. You may pass configs at initial startup. Clicking the upper canvas, you may toggle among 3 visualization modes. If you are only interested in Perlin Noise, see my JS project perlin-noise-world-map (which is quite old) which auto-generates geographic landscapes (source or demo). Or, see rust-perlin-wasm-test-2 (which is even much older) for particles moving in organic manner (source or demo).
Rust
wasm-pack
wasm-bindgen
js-sys
web-sys
Perlin Noise
react-widget-airport
Bundling a React app into UMD library, embedded into another app. You can pass arguments at initial startup, or you can dynamically send/receive messages using SharedWorker.
React
UMD library
SharedWorker
react-widget-setup-2021
Just like the above react-widget-airport, but much simpler!
React
UMD library
SharedWorker