{"id":13632474,"url":"https://github.com/yurkagon/ReactCasting","last_synced_at":"2025-04-18T02:33:32.031Z","repository":{"id":44947790,"uuid":"391034353","full_name":"yurkagon/ReactCasting","owner":"yurkagon","description":"Raycasting engine that renders scene in HTML using React (no canvas) and renders as text in textarea or console 😅","archived":false,"fork":false,"pushed_at":"2023-03-14T15:25:41.000Z","size":41264,"stargazers_count":112,"open_issues_count":0,"forks_count":7,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-08-01T22:53:23.434Z","etag":null,"topics":["engine","html","javascript","raycasting","react","typescript","wolfenstein"],"latest_commit_sha":null,"homepage":"https://yurkagon.github.io/ReactCasting/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yurkagon.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2021-07-30T11:05:27.000Z","updated_at":"2024-06-11T01:56:35.000Z","dependencies_parsed_at":"2024-04-16T10:05:24.604Z","dependency_job_id":null,"html_url":"https://github.com/yurkagon/ReactCasting","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yurkagon%2FReactCasting","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yurkagon%2FReactCasting/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yurkagon%2FReactCasting/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yurkagon%2FReactCasting/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yurkagon","download_url":"https://codeload.github.com/yurkagon/ReactCasting/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223772247,"owners_count":17199974,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["engine","html","javascript","raycasting","react","typescript","wolfenstein"],"created_at":"2024-08-01T22:03:04.156Z","updated_at":"2025-04-18T02:33:32.024Z","avatar_url":"https://github.com/yurkagon.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# ReactCasting\n\nRaycasting algorithm that renders pseudo 3D scene in HTML using React (no canvas) and renders as text in textarea or console\n\n![main](main.gif)\n\n[Live demo](https://yurkagon.github.io/ReactCasting/)\n\nWASD - to move\n\nQE - to rotate\n\n## Features\n\n- Textures\n- Sprites\n- Simple lighting system\n- Rendering scene in \\\u003ctextarea\u003e\n- Rendering scene in Chrome console\n\n### Rendering scene using \\\u003cdiv\u003e elements\n\nEverything you see is built by HTML5 \\\u003cdiv\u003e using React\n\n![div-example](div-example.png)\n\n### Rendering scene as text inside \\\u003ctextarea\u003e\n\n![textarea-example](textarea-example.gif)\n\n[Link](https://yurkagon.github.io/ReactCasting/#textarea)\n\n### Rendering scene inside Chrome console 🥲\nWorks correct only in Google Chrome. Resize devtools console to see full scene. Use CMD(or CNTRL) + \"-\" on devtools to zoom out console if you see white lines\n\n![console-colored-example](console-colored-example.gif)\n\n[Link](https://yurkagon.github.io/ReactCasting/#console-colored)\n\n### Rendering scene as text inside browser console\nWorks correct only in Google Chrome\n\n![console-example](console-example.gif)\n\n[Link](https://yurkagon.github.io/ReactCasting/#console)\n## Also\n\n- [Check my HTML based 3D Shooter implemented without Canvas](https://github.com/yurkagon/Doom-Nukem-CSS)\n\n## Inspired by\n\n- [A first-person engine in 265 lines](https://www.playfuljs.com/a-first-person-engine-in-265-lines/)\n\n## Contributors\n\n\u003ca href=\"https://github.com/yurkagon/ReactCasting/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=yurkagon/ReactCasting\" /\u003e\n\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyurkagon%2FReactCasting","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyurkagon%2FReactCasting","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyurkagon%2FReactCasting/lists"}