{"id":26021063,"url":"https://github.com/lrusso/classroomphaser","last_synced_at":"2025-10-15T21:35:03.352Z","repository":{"id":51603613,"uuid":"303231054","full_name":"lrusso/ClassroomPhaser","owner":"lrusso","description":"Classroom developed in JavaScript using Phaser","archived":false,"fork":false,"pushed_at":"2022-08-02T13:53:43.000Z","size":2847,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2023-02-28T19:22:16.632Z","etag":null,"topics":["classroom","html5","javascript","web"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":false,"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/lrusso.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}},"created_at":"2020-10-11T23:26:08.000Z","updated_at":"2022-08-09T02:37:18.000Z","dependencies_parsed_at":"2022-08-22T14:10:54.703Z","dependency_job_id":null,"html_url":"https://github.com/lrusso/ClassroomPhaser","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lrusso%2FClassroomPhaser","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lrusso%2FClassroomPhaser/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lrusso%2FClassroomPhaser/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lrusso%2FClassroomPhaser/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lrusso","download_url":"https://codeload.github.com/lrusso/ClassroomPhaser/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242177504,"owners_count":20084792,"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":["classroom","html5","javascript","web"],"created_at":"2025-03-06T08:33:17.639Z","updated_at":"2025-10-15T21:35:03.263Z","avatar_url":"https://github.com/lrusso.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Classroom Phaser\n\nClassroom developed in JavaScript using Phaser.\n\n![alt screenshot](https://raw.githubusercontent.com/lrusso/ClassroomPhaser/main/ClassroomPhaser.png)\n\n\n## Web\n\nhttps://lrusso.github.io/ClassroomPhaser/ClassroomPhaser.htm\n\n## How does it work?\n\nOpen the **ClassroomPhaserDefault.json** and you will find a similar structure:\n\n```javascript\n{\n   \"STRING_COURSE\": \"HTML \u0026 CSS Course\",\n   \"STRING_CLASS1\": \"Class 1 - Introduction\",\n   \"STRING_CLASS1_CONTENT\": [\n                            [\n                            \"#000000\", \"My black color Title in the first slide\",\n                            \"#0000FF\", \"My blue color Text in the first slide explaining something.\",\n                            \"https://www.example.com/image1.jpg\",\n                            null,\n                            null,\n                            \"https://www.example.com/audio1.mp3\"\n                            ],\n                            [\n                            \"#008000\", \"My green color Title in the second slide\",\n                            \"#FF0000\", \"My red color Text in the second slide explaining something.\",\n                            \"https://www.example.com/image2.jpg\",\n                            null,\n                            null,\n                            \"https://www.example.com/audio2.mp3\"\n                            ],\n                            [\n                            \"#800080\", \"My purple color Title in the third slide\",\n                            \"#000000\", null,\n                            \"https://www.example.com/image3_first.jpg\",\n                            \"https://www.example.com/image3_second.jpg\",\n                            3000,\n                            \"https://www.example.com/audio3.mp3\",\n                            ]\n                          ],\n   \"STRING_CLASS2\": \"Class 2 - HTML Objects\",\n   \"STRING_CLASS2_CONTENT\": [],\n   \"STRING_CLASS3\": \"Class 3 - CSS Implementation\",\n   \"STRING_CLASS3_CONTENT\": [],\n   \"STRING_CLASS4\": \"Class 4 - W3C Code Validation\",\n   \"STRING_CLASS4_CONTENT\": [],\n   \"STRING_CLASS5\": null,\n   \"STRING_CLASS5_CONTENT\": [],\n   \"STRING_TIP\": \"Click in a class title to begin\"\n}\n```\n\n## Things to know\n\n* A null class title will not be displayed.\n\n* Every slide is an array within an array in the class content key.\n\n* Every slide can have an optional text, image and audio content.\n\n* If the slide has an image but no text, the image will be centered vertically.\n\n* In the example above, the third slide has a second image and a delay to show it.\n\n* After playing an audio (if any), it will go to the next slide (if any) or back to the board.\n\n* At the moment, Classroom Phaser allows courses with up to 5 classes.\n\n## Using different courses\n\n| BROWSING TO  | READS THE COURSE DATA FROM |\n| :------------ |:---------------:|\n| ClassroomPhaser.htm | ClassroomPhaserDefault.json |\n| ClassroomPhaser.htm?course=example | example.json |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flrusso%2Fclassroomphaser","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flrusso%2Fclassroomphaser","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flrusso%2Fclassroomphaser/lists"}