Launch Game Lab into public beta #15434
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
breville
reviewed
May 26, 2017
| - csdunit3_videos << { id: 'csd_gamelab_velocity', category_title: 'Sprite velocity', code: 'zcP94yMYqrI', download_path: 'https://videos.code.org/cs-discoveries/gamelab/gamelab_velocity.mp4', studio_stage: '/s/csd3/stage/15/puzzle/2' } | ||
|
|
||
| - csdunit3_videos.each do |video| | ||
| // Show the chapter title at the |
There was a problem hiding this comment.
nit: need to line-wrap this early?
breville
reviewed
May 26, 2017
|
|
||
| :javascript | ||
| $(function() { | ||
| $('.highlight-item').mouseover(function() { |
There was a problem hiding this comment.
maybe a comment about what exactly is fading in & out? also do we need a touch equivalent for non-mouse users?
breville
approved these changes
May 26, 2017
caleybrock
changed the title
houndci-bot
reviewed
Jun 1, 2017
| - unless video[:category_title].nil_or_empty? | ||
| .clear | ||
| %h2= video[:category_title] | ||
| %div{style: "float:left; padding:10px; width: 275px;"} |
| %h4 Grades 7 - 9 | ||
| .smalltext In Unit 3, students build on their coding experience as they create programmatic images, animations, interactive art, and games. Starting off with simple, primitive shapes and building up to more sophisticated sprite-based games, students become familiar with the programming concepts and the design process computer scientists use daily. They then learn how these simpler constructs can be combined to create more complex programs. In the final project, students develop a personalized, interactive program. Along the way, they practice design, testing, and iteration, as they come to see that failure and debugging are an expected and valuable part of the programming process. | ||
| %a{:href=>CDO.studio_url("/s/csd3")} | ||
| %button{style: "margin-top: 20px;"}= I18n.t(:view_unit) |
houndci-bot
reviewed
Jun 1, 2017
| - unless video[:category_title].nil_or_empty? | ||
| .clear | ||
| %h2= video[:category_title] | ||
| %div{style: "float:left; padding:10px; width: 275px;"} |
| %h4 Grades 7 - 9 | ||
| .smalltext In Unit 3, students build on their coding experience as they create programmatic images, animations, interactive art, and games. Starting off with simple, primitive shapes and building up to more sophisticated sprite-based games, students become familiar with the programming concepts and the design process computer scientists use daily. They then learn how these simpler constructs can be combined to create more complex programs. In the final project, students develop a personalized, interactive program. Along the way, they practice design, testing, and iteration, as they come to see that failure and debugging are an expected and valuable part of the programming process. | ||
| %a{:href=>CDO.studio_url("/s/csd3")} | ||
| %button{style: "margin-top: 20px;"}= I18n.t(:view_unit) |
houndci-bot
reviewed
Jun 1, 2017
| - unless video[:category_title].nil_or_empty? | ||
| .clear | ||
| %h2= video[:category_title] | ||
| %div{style: "float:left; padding:10px; width: 275px;"} |
| %h4 Grades 7 - 9 | ||
| .smalltext In Unit 3, students build on their coding experience as they create programmatic images, animations, interactive art, and games. Starting off with simple, primitive shapes and building up to more sophisticated sprite-based games, students become familiar with the programming concepts and the design process computer scientists use daily. They then learn how these simpler constructs can be combined to create more complex programs. In the final project, students develop a personalized, interactive program. Along the way, they practice design, testing, and iteration, as they come to see that failure and debugging are an expected and valuable part of the programming process. | ||
| %a{:href=>CDO.studio_url("/s/csd3")} | ||
| %button{style: "margin-top: 20px;"}= I18n.t(:view_unit) |
|
fyi @poorvasingal @tanyaparker - this should be ready to go. |
tanyaparker
approved these changes
Jun 1, 2017
| = view :highlight_item, item: {image: "game-lab/example-bounce", title: "Bounce", desc: "Move the platform to avoid the ball hitting the bottom. Challenge: Add different obstacles and points", cta: cta, url: 'https://studio.code.org/projects/gamelab/J2R-PHcvE4Wgb2xO2bjk0Q/remix'} | ||
| .clear | ||
| %a{:href=>CDO.studio_url("/projects/public")} | ||
| %button.default See more student projects in the public gallery |
There was a problem hiding this comment.
Would prefer this shorter like "View project gallery"
| %link{href: "/shared/css/course-blocks.css", rel: "stylesheet"} | ||
| %link{href: "/css/highlights.css", rel: "stylesheet"} | ||
|
|
||
| = view :jumbotron_banner, img: CDO.code_org_url("/images/app-lab/girl-cropped.jpg"), title: "Game Lab (beta)", desc: "Game Lab is a programming environment where you can make simple animations and games with objects and characters that interact with each other. Design an animation or game, code with blocks or JavaScript to make it work, then share your app in seconds.", specs: "Ages 13+, all modern browsers, English only", url: CDO.studio_url('/p/gamelab'), cta: "Make an animation or game", photo_cred: "Photo courtesy of Fundación Sadosky", nav_bar: [{text: 'Resources', url: '#resources'}, {text: 'Challenges', url: '#challenges'}, {text: 'Video Library', url: '#videos'}] |
There was a problem hiding this comment.
Rename Challenges here to Sample projects
|
|
||
| #videos | ||
| %h1.responsive-body Video library | ||
| Some of these videos appear in Unit 3 (Animations and Games) of the CS Discoveries course and are displayed here as a quick introduction to each of the main concepts from the unit. Check out each video to see how you can add new features to your project. |
There was a problem hiding this comment.
Can you hyperlink CS Discoveries course to /educate/csd?
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Create code.org/educate/gamelab to get ready for launch: This isn't perfect, but I want to get it in staging so Poorva could update links if she needs to. Most of this was copied from code.org/educate/applab
cc @poorvasingal