Funny layout!

Dear Mind Readers,

I just had the thought: What does this code do? "<!DOCTYPE html>

<html>

<head>

<style type="text/css">

#header {

background-color:orange;border:outset;text-align:center;

}

#menu {

background-color:yellow;height:400px;width:150px;float:left;text-align:center;border:outset;

}

#content {

background-color:green;height:400px;width:400;text-align:left;border:outset;

}

#footer {

background-color:orange;text-align:center; height:40px;border:outset;

}

</style>

</head>

<body>

<div id="container" style=" width:500 px;">

<div id="header">

<form>

<br>

<input type="text" value="Main Title" name="siteTitle" style="font-family:veranda; font-size:30px; margin-bottom:0;">

</form> Welcome, this is a simple website concept creation page.

<br>

</div>

<div id="menu">

<br>

<input type="text" value="Page1" name="Page1" style="font-family:veranda; ">

<br>

<input type="text" value="Page2" name="Pagee2" style="font-family:veranda; ">

<br>

<input type="text" value="Page3" name="Page3" style="font-family:veranda; ">

</div>

<div id="content">

<br>

<textarea rows="10" cols="40" style="background-color:green; border:outset;">This is where content such as text is displayed. (You can re-size this text area by dragging the bottom right corner.)</textarea>

</div>

<div id="footer">

<input type="text" value="Footer Content" name="FooterContent" style="font-family:veranda; font-size:20px;">

</div>

</div>

</body>

</html>"

Welcome, this is a simple website concept creation page.

This is where content such as text is displayed. (You can re-size this text area by dragging the bottom right corner.)

And tried it out and IT DOES THIS !!!:

(actually I wrote it)

It's back!

Dear Mind readers,
It's back! The one and only Google App Inventor! It was shut down for a while but now it's been restored.

                             Check it out:

Quick thought...:

Dear mind readers,
Quick thought...:
I have decided that I will post all of the websites at the end of the month.
I have some really fun ones that I think you might like!

Catch ya next time!

Video Games Part 1

Dear, Mind Readers

I just had the thought to let you in on something that most general people don't know.

                                           How to make a video game!

 Welcome to how to make a video game part one.  (Don't worry there wont be that many parts.)

Most people do not know what a game is, well after this you should be able to tell your friends as if you've made one your self. OK, what is a video game: a video game is an interactive computer program played by electronically manipulating images on a screen display.
So, we've got the definition of it but what is it made up of? Well, it's made up of computer code and general media if you want to get down to the point. By general media I mean pictures, videos, and animations. Everything that you see is the media: images and animations, it's the code that makes them move on the screen. Most media is CGI (computer generated imagery) which is more attractive to players. Here is an example of coding a video game:

OK, we've already talked about what code is and where it comes from. So lets just get down to what we need to do. The code starts out by creating what's called classes. A class is a blueprint of a data type. It doesn't define data it defines what an object of the class will consist of and what operations can be performed on such an object. So in a word you are setting boundaries on objects by telling them what they can do. The 3 main classes that the code develops first are the GAME class, the LEVEL class, and the DRAW ENGINE class.  As you can see to the left the game class holds everything, everything is in the game. The level which is in the game holds the draw engine for that level. Now most games have multiple levels but we are just going to stick to the basics. The Game class sets the boundaries and contains the levels, each level contains it's objects and it's draw engine. A Draw engine draws one or multiple sprites, the sprites jump to the position of certain objects so that you can see the objects. A sprite is an image or an animation. So the sprites are made for the game, and imported in to the program, the classes create the game and draw the sprites then the code tracks what keys the player pressed and performs an action accordingly. Thus creating a video game which we know is an interactive computer program played by electronically manipulating images on a screen display. So you see it's really actually simple.  Now days a game is commonly developed in what is called a game engine. A game engine enables you to skip the classes and just program the objects. This speeds up time a great deal. There are lots of free game engines on the web. Here are a few that you can download: Gamemaker, Unity, Blender, and Scratch. Scratch is the least professional program on that list. Gamemaker is the most highly recommended for a free game engine. You can pay and get Gamemaker pro and Gamemaker studio if you want to.  Now that we've got the code down and we know what a game engine is and where to get one, lets continue. The other elements of game development are art and design. Doing the art is as simple as the art looks. If you want to make complex art the making it will be complex, if you want to make simple art then making it will simple. Designing a video game well takes real skills. Level design is the most important. When you design a video game you need to make sure that the player is constantly feeling as if their in control. The levels should slowly get harder and harder, and the players abilities should grow with the difficulty. This is called the flow and progression of the game. Keep things balanced through out the game. Make sure that the game art matches each other. The main menu should represent what the game is going to be like and excite the player for the game. The buttons should work well with the background of the main menu. Keep everything with in a theme. The theme should be designed before the art is created.  The music should match the look and fell of the game. As should the sound effects. Make sure that you test the game over and over again and then perfect anything you didn't like or you thought should change. The background music should be exhilarating and exiting or low and sad depending on the game. powerful base works well for both sides.  You might be wondering how I know all of this, (as anyone you reads my mind must do) and at first you think that I've done it before, but then you think again because of what you are reading. Then you realize that I was playing you and that I actually have made a video game. Then you read my thoughts again and read that I have made over 40. Then you wonder why I'm writing like this, and then I answer you with my thoughts. Because it's fun. So yes I have made video games (So I do actually know what I am talking about), and I have had thousands of people play my games. But know I will not tell you what my games are. Just where to find them: Simplegamings.com Well thanks for reading my thoughts again! Catch ya later Mind Readers!

Email me what Site I should make next!

Dear Mind Readers,
Here are the sites of which I did not "think about" the other day:
Number 1: Simply Helvetica!
 Simply Helvetica allows you to just write what ever is on your mind and then send it to your self with the click of a button.

The HTML code to create this website is:
<html>
<head>
<style type="text/css">
body {color: white; background-color: navy; text-align:center;}
h1 {font-family: Helvetica; margin: 4em; background-color:red;}
p {font-family: Helvetica; font-size:20px;}
</style>
</head>
<body>
<h1> Welcome to Simply Helvetica. </h1>
<p> Enjoy the simplicity of helvetica, for this is the place where you can truly <br> type to your hearts content. Nothing written here is recorded, or remembered. <br> So just enjoy the free writing! </p>
<input type="button" onclick="location.href=&quot;mailto:someone@example.com?body=&quot;+document.getElementById(&quot;message&quot;).value;" value="Send to self">
<form action="">
<textarea id="message" name="message" rows="50" cols="100" style=" color:white; background-color:navy; border-color: navy; margin: 2em; font-family: Helvetica; font-size:14px;">
Write right here!</textarea>
</form>
</body>
</html>

Number 2: Computer Zone!
Computer Zone allows you to read, write and view examples of HTML code!

Sub Zone 2 does go a lot further but I didn't want to fill up this post with pictures. Lets just take into account that it's examples of code that you can read. The code to create this site is:

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>

<html lang="en">

<head>

<title>Computer zone</title>

  <style type="text/css">

  body { Background-color: black;

  }

  h1 { color: green; border: solid; border-color: green; border-radius: 2em; background-color: black; font-size 60px; font-family: monospace; text-align: center;

  }

  p {font-family: monospace; font-size: 17px; color: green;

  }

  </style>

 

</head>

<body>

<h1>Computer Zone</h1>

<hr>

<p> This is the computer zone site. Please make your self at home and enoy.<br> You can Read, write, and view examples of code in the different sub zones.</p>

<br>

<br>

<h1 style="color:green; text-align: center"> sub Zone1: Code practice:</h1><br>

<textarea rows="20" cols="45" style="color:green; margin: 2em; background-color: black; border-color:green; border-radius: 2em; border-width: 2px;">

Type code here...</textarea>

<h1> sub Zone 2: Read HTML Examples: </h1>

<p> <b>Basic HTML elements: </b>

HTML Headings

HTML headings are defined with the &lt; h1 &gt; to &lt; h6 &gt; tags.

<br>

<br>

Example

<br>

<br>

&lt;h1&gt;This is a heading&lt;/h1&gt;

<br>

&lt;h2&gt;This is a heading&lt;/h2&gt;

<br>

&lt;h3&gt;This is a heading&lt;/h3&gt;

<br>

&lt;h4&gt;This is a heading&lt;/h4&gt;

<br>

&lt;h5&gt;This is a heading&lt;/h5&gt;

<br>

&lt;h6&gt;This is a heading&lt;/h6&gt;

<br>

<br>

<b>HTML Paragraphs</b>

<br><br>

HTML paragraphs are defined with the &lt;p&gt; tag.

<br>

<br>

Example:

&lt;p&gt;This is a paragraph.&lt;/p&gt;

<br>

&lt;p&gt;This is another paragraph.&lt;/p&gt;

<br>

HTML Links

<br>

<br>

HTML links are defined with the &lt;a&gt; tag.

<br>

Example LPP

<br><br>

&lt;a href="http://www.google.com"&gt;This is a link&lt;/a&gt;

Note: The link address is specified in the href attribute.

<br>

<br>

<br>

HTML Images

<br>

<br>

HTML images are defined with the &lt;img&gt; tag.

<br>

<br>

Example

<br><br>

&lt;img src="ivn.jpg" width="104" height="142" /&gt;  &lt;/p&gt;

<hr>

<br>

<br>

</body>

</html>

I hope you somewhat enjoyed reading the code and viewing the site, but if you didn't then you know what go ahead and Send me an email sating what kind of website I should make next. Even if this is 10 years from now that you are reading this go ahead and email me what site I should make at simplegamedev101@gmail.com. Thanks Reading Mind Readers!

Catch ya next time!

So sorry

Dear mind readers,
So sorry that I have not posted the last couple of sites an unexpected even has kept me from posting but tomorrow I will post them all!
Thanks mind readers! Catch he next time!

1 website everyday!

Dear Mind Readers,
I declare! That I am going to make 1 simple silly website, 6 days a week, for the rest of the month. I will post cool pictures of them along with the HTML and CSS for them on this very blog everyday, for the rest of the month. I will not make these websites public because some of these websites will be spoofs and  I really don't want to enter anything that's not legal although only a few will be spoofs I really don't want to buy a bunch of domains for websites that I don't actually care about.
So for, TODAY!
We have the first website!
Simplegamings! A spoof of the actual Simplegamings.com. This site allows you to visit the real simplegamings website, play games, visit simplegamings community, and even contact me!

The code for the entire website is:

<!DOCTYPE>

<html>

<body>

<hr>

<h1> Welcome to Simplegamings.</h1>

<a href = "http://www.simplegamings.com"> Home </a> <h1> </h1> <a href = "http://www.simplegamings.com/games.html"> Games </a> <h1> </h1> <a href = "http://www.simplegamings.com/development.html"> Development </a>

<hr>

<p style = "font-size:20px"> Simplegamings.com provides free games, desktop backgrouds, information, and guidance in where to go for more info, as well as games, programs, and so on. Our community provides updates on the development of our games and is a place where 200+ developers and companies share what's going on, what they need, if they are looking for workers, and games of their own. So join us on the website or community in developing video games with imagination. </p> <a href = "https://plus.google.com/communities/117475668671406824809" style = "font-size:18px;"> Community </a>

<h3 style="text-align: center; font-size: 50px; font-familey: Helvetica;"> Contact us! </h3>

<form action="">

<fieldset>

<legend style="color: red;"> Contact information. </legend>

First name: <input type="text" name="firstname" value="John" style="color: brown; background-color: green;"> <br>

Last name: <input type="text" name="lastname" value="Brook" style="color: brown; background-color: green"> <br>

Your Email: <input type="text" name="email" value="someone@email.com" style="color: yellow; background-color: green;"> <br>

<textarea rows="7" cols="30" style="color: green"> Message...</textarea>

<input type="button" value="Send" style="background-color: white; color: blue;">-

</form>

</body>

</html>

As you can see above I condensed the code and tried to write as little code for as much display as I could get. It may look a little silly with all of the colors but the result was satisfactory enough for me.

Well, thanks for reading my thoughts!

Catch ya next time Mind Readers!