├── Icon ├── .arstudio └── project.marker ├── screenshot.png ├── patches └── particles.arp ├── spark-particle-uv.arproj ├── scripts └── tsconfig.json ├── .github └── FUNDING.yml └── README.md /Icon : -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.arstudio/project.marker: -------------------------------------------------------------------------------- 1 | document:01F8B5D3-BCCA-4FFE-89AC-6D0DD3B1AD69 -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/positlabs/spark-particle-uv/HEAD/screenshot.png -------------------------------------------------------------------------------- /patches/particles.arp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/positlabs/spark-particle-uv/HEAD/patches/particles.arp -------------------------------------------------------------------------------- /spark-particle-uv.arproj: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/positlabs/spark-particle-uv/HEAD/spark-particle-uv.arproj -------------------------------------------------------------------------------- /scripts/tsconfig.json: -------------------------------------------------------------------------------- 1 | {"include":["*.js"],"compilerOptions":{"baseUrl":"/private/var/folders/7v/j77wwqm96ps_pc3lrp09yp1m0000gn/T/e8adcd487a0a4916a8c685123a543a9c/skylight-typedefs","lib":["ES2015"],"outDir":"/private/var/folders/7v/j77wwqm96ps_pc3lrp09yp1m0000gn/T/e8adcd487a0a4916a8c685123a543a9c/skylight-typedefs/out-dir","allowJs":true,"checkJs":true}} -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: positlabs 4 | patreon: # Replace with a single Patreon username 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: # Replace with a single Ko-fi username 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] 13 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## spark-particle-uv 2 | 3 | Demo of how to sample the camera texture and map it to particles. 4 | 5 | Features include: 6 | - per-particle texture scaling 7 | - world space mapping 8 | - fit plane type emitter to screen size 9 | - fit particle to screen size 10 | - determine distance between particle and camera 11 | 12 | ![screenshot](./screenshot.png) 13 | 14 | Check out the branches for various techniques. Click to download. 15 | 16 | - [Master](https://github.com/positlabs/spark-particle-uv/archive/master.zip) is an aggregate of features that compose my preferred configuration 17 | - [Particle fit2screen](https://github.com/positlabs/spark-particle-uv/archive/particle-fit2screen.zip) will give you a bigass particle that fits the whole screen 18 | - [Camera distance](https://github.com/positlabs/spark-particle-uv/archive/camera-distance.zip) assigns color to each particle based on distance from camera. 19 | 20 | ### Notes 21 | 22 | You may need to import DeviceMotion module in script to activate gyro support on device. For some reason this capability isn't automatically added for world space emitters. 23 | 24 | 25 | ## Resources 26 | 27 | Learn more stuff by watching my [Spark AR Tutorials on YouTube!](https://www.youtube.com/playlist?list=PLAZp2Vi7Gfspzyla4RrCO6BzVzYW7Lnb-) 28 | 29 | Follow me on Instagram [@positlabs](https://instagram.com/positlabs) and try out my effects! 30 | 31 | Browse my open-source [Spark AR repositories on Github!](https://github.com/search?q=user%3Apositlabs+spark) 32 | 33 | Have questions? Join the [Spark AR Community](https://www.facebook.com/groups/SparkARcommunity/) group on Facebook. 34 | 35 | 36 | ## Donations 37 | 38 | If you used this in client projects, or simply enjoyed making effects with my open-source projects, please consider a donation or sponsorship. One-time donations can be made with PayPal. Subscriptions can be through PayPal or Github Sponsors (click the heart sponsor button at the top of the page). 39 | 40 | [![](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=YGS69CHAE9EQC&source=url) 41 | --------------------------------------------------------------------------------