
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 リポジトリ をみて下さいね。
Ancient Tech Blog
Daily thoughts
Links
Links to my favorite websites
About
About this website
Who?
Who is responsible
古代技術ブログ
徒然なるままに
本のこと
本のことについて
リンク集
お世話になっているウェブサイトへのリンク
このサイトについて
このサイトを作っている人について
サイトを作っている人
どんなやつなのか

Github Repos
Check out my Github repos!
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
