From 40db7c42e148faf387f692c83ac4f39d7b77a2b0 Mon Sep 17 00:00:00 2001 From: Hannah Bollar Date: Wed, 21 Feb 2024 09:21:28 -0800 Subject: [PATCH] Create graphics-engineer-2.md --- prompts/graphics-engineer-2.md | 44 ++++++++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) create mode 100644 prompts/graphics-engineer-2.md diff --git a/prompts/graphics-engineer-2.md b/prompts/graphics-engineer-2.md new file mode 100644 index 0000000..473a17c --- /dev/null +++ b/prompts/graphics-engineer-2.md @@ -0,0 +1,44 @@ +# Graphics Engineer Take Home (verrsion 2) + +## Focus + +- threejs, webgl, shaders +- ability to pickup mrjs + +## Prompt + +Using mrjs, create an interactive experience. Make sure it works well as a 2D website and also in headset (_this part might be harder since they might not have a headset yet_). + +As part of this exercicse, include an object whose shader uses parametric 3D noise. What this is is totally up to you. It can be a cloud, star, lavalamp, etc. + +**Requirements**: +- interactivity (clicking on links, spinning, moving, etc) +- integrate time in some way +- the base website is built using mrjs +- creates at least one new entity and assocciated system by extending the base classes + +**Referencces**: +- [docs.mrjs.io](https://docs.mrjs.io) + - the main interactive docs for the mrjs project + - includes onboarding and code examples for the main html tags + - also has small repls to show how you can use and live edit the mrjs html/css/js code +- [whale demo](...) _<-- what is the live link for this__ + - this is a nicely stylized and runtime optimized demo showing how mrjs can be used in a professional setting +- [main example](examples.mrjs.io) + - this is a simple example used for debugging or testing purposes + - it links to more specific examples showing use-cases + +**Difficulty**: moderate + +**Deadline**: 3 days from receiving the assignment + +**Note**: Make sure that the scope of your creativity matches the time alotment. We'd rather you complete something with all features than return something unfinished. + +## deliverables +- a link to a git repo with the code +- a link to the published functional demo + +## what we’re measuring +- code style (clarity, structure, etc) +- use of mrjs (note mrjs still is not at 1.0, so if you hit an unexpected bug, reach out or post an issue) +- creativity