• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Using Dreamweaver to Create Browser Games?

New Here ,
Feb 05, 2023 Feb 05, 2023

Copy link to clipboard

Copied

How can I use Adobe Dreamweaver to create a retro galactic snake browser game, with the HTML, JavaScript, and CSS tutorial similar to the one in the following URL I found on AppCode? Are there any resources or tutorials available to guide me through the process?

 

HTML-Snake-Game-Board-Frame (1).png

 

I kinda want to be able to export the games with a premade webpage template frame that I can export as a package to be uploaded to a custom-made website kinda like a zip file. Right now all I have is the game frame and a blank background. 

 

What resources do the pro members here in the Adobe community suggest when using Dreamweaver with browser games? 

 

Here is my game file.

<!DOCTYPE html>
<html>
    <head lang="en">
      <meta charset="UTF-8" />
      <title>Retro Javascript Snake Game</title>
      <!-- Link our styles from snake_game.css -->
      <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
      <h2 id="header">Javascript Retro Galactic Snake Game</h2>
      <!--The scoreContainer represents the div that displays the game's score-->
      <div id="scoreContainer">
        <div class="scoreBoard">Food: <span id="pointsEarned">0</span></div>
        <div class="scoreBoard" style="display:none;" ;>Blocks: <span id="blocksTravelled">0</span></div>
      </div>
      <!-- The #gameContainer is used as the game's canvas-->
      <div id="gameContainer"></div>
    </body>
   <!-- #Load our snake_game.js containing the game logic -->
   <script src="game.js"></script>
</html>
TOPICS
Browser , Code , How to , Import and export , Publish , Server side applications

Views

1.4K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Feb 05, 2023 Feb 05, 2023

Copy link to clipboard

Copied

There are no specific differences between different code editors. What you want/need to do to follow that tutorial would be pretty much the same in ANY code editor: Visual Studio Code, Dreamweaver, Notepad++, etc. You create files for each part. You add the code. You test. 

No differences there, no special knowledge about Dreamweaver required.

 

And that code you posted is not a game file: it is only provides a canvas container that is used by your game's javascript. The html file can be adjusted to provide a visual shell around the game's canvas with simple CSS and a bunch of images perhaps, depending on how you want it to look.

 

No special secrets here. But you do need to be familiar with general html/css/javascript coding and web project file management.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 06, 2023 Feb 06, 2023

Copy link to clipboard

Copied

Use Adobe Animate CC with HTML5 Canvas to build games. 

Would you like me to move your question to the Animate Community?

 

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Feb 06, 2023 Feb 06, 2023

Copy link to clipboard

Copied

@Nancy OSheaI assume the OP wants to know how to organize a game project with Dreamweaver as explained in the linked web game coding tutorial. It is not Animate CC based.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 06, 2023 Feb 06, 2023

Copy link to clipboard

Copied

LATEST

Very often, people ask for the wrong things in the wrong product communities. It comes with the territory.

 

Dreamweaver is for web app developers, not game developers.

 

I'm just pointing the OP to the product community (Animate) that can best help him/her create interactive games that will work in browsers. Animate is the tool of choice for this. 

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines