QBasic - Circles and Lines

• Place QB64 in your onedrive

This will be your first line of Code: 

SCREEN 12
This is graphics mode: 640 x 480 with 16 colours

color 0   'black

Color Chart
0        Black	4           Red	8                    Gray	12              Light Red
1     Blue	5    Magenta	9           Light Blue	13       Light Magenta
2       Green	6       Brown	10   Light Green	14                   Yellow
3     Cyan	7     white	11      Light Cyan	15         Bright White

CLS         'clear screen   also good to start with
SLEEP     ' will run until you hit a key

CIRCLE (x,y), radius, color

example:    circle (100,250),75,4   'a red circle

PAINT(x,y), paint color, border color

example: paint (100,250),1,4  'paint the colour blue in the inside of a red object

Ellipse     uses the circle and a ratio

circle (x,y), radius, color, , , ratio (height/width)      - the commas are important

example:  circle (300,300),100, 14, , , 2/5   'width flat yellow ellipse

                 circle (500,400),60, 6, , , 3/2   'tall thin brown ellipse

Arc  use the circle, radians and a ratio

circle (x,y),radius, color, start angle, end angle, ratio (height/width)

example: circle (50,50),200,5,0,3.14,1/2  ' top half of magenta circle
 
                circle (150,150),100,3,3.14,6.26,1/2  ' bottom half of cyan circle

LINE (x1,y1)-(x2,y2),color    'points at either end of a line

Example:  LINE (20,20)-(50,50), 10  ' a light green line between 2 points

Box  uses the line tool

LINE (50,50)-(200,200), 11, B   'B creates a light cyan empty box from the line coordinates

LINE (100,100)-(300,300),12,BF  ' BF creates a light red FILLED box no edge color

first post:

Second post:

 

Third post:

Fourth post:

FINAL PROJECT

fifth post

 your best version of this image (along with the code)
- first line will be your blog address
- comments are a must
- snip the first section of your code - with blog address showing
- make a link to your .bas file in your OneDrive
- more detail = better mark

CodeAcademy LearnHTML

LINK ********* CodeAcademy learnHTML **********LINK

these are the lesson you can do ...for free

Once completed - you will have gained achievements

POST your achievements

Make sure each achievement is covered in your URL

Friday Post - Animate CC - February 16, 2018

The website to create the above title
1. What have you been doing in Animate CC?   - make a long list - be detailed -
2. at least 5 TIPS & TRICKS that you have learnt in Animate CC?
3. Please explain how to embed a SWF (shockwave file) onto your blog.

Animate CC -3 Scenes

Animate CC Scenes
Block B 11/12 only

Create an animation based on the tutorial you already know.

The Tutorial:

http://www.baycongroup.com/flashCS4/01_flashCS4.html

There will be 3 scenes.

Each scene displays the same event from 3 different perspectives.

............................................................................................................

The Event

You are late to class. You enter the classroom.  You make enough of a disturbance that people notice you. You react.

..................................................................................................................................................................

Things to think about.
- what is happening before you enter, while your enter and after.
- How do we know you are late?
- You enter the classroom - door - window - ceiling?
- What is the disturbance? -falling -singing -dancing?
- Do you continue to your seat or run away?

Scene 1: Your perspective
you know you are late - you see a way in - you enter - disturbance - conclusion
Scene 2: The teacher's perspective
class is happening - there's a disturbance - you deal with it
Scene 3: The other students' perspective.
class is happening - you know someone is not there - you see them outside - the person enters - disturbance - class reacts - after math - conclusion
Things to add: 
3 scenes with titles- a start button for each scene - a radial gradient - URL

new code!

stop();

function play1(event:MouseEvent):void
{
gotoAndPlay(2, "Scene 1");  //frame 2 of scene 1
}

sceneOne.addEventListener(MouseEvent.CLICK, play1);   //sceneOne instance name of button

Spring Break Work Experience

Spring Break Work Experience

Animal Logic

• a world leader in Feature Animation that creates such films as The Lego Movie, Peter Rabbit and Guardians of the Galaxy 2.

Brochure

• Grade 11 Only
• Monday 19^th March 2018 to Friday 23^rd March 2018
• they provide all equipment, lunch and refreshments 
• deadline for applications is Wednesday 7^th March 2018

Online Application

Animate CC -theOCEAN

Following the same tutorial

The Tutorial:
http://www.baycongroup.com/flashCS4/01_flashCS4.html


Picture this...


The scene is looking out on a palm tree beach to see a ship out in the ocean. A skate boarder rolls by on the boardwalk.



Substitutions:

ocean = sky
Ship = buildings
grass = sand
road = boardwalk
sky = ocean
Palm trees = trees
skate boarder = car

B


extra marks

beach umbrella and chair
crab moves on beach
sun rises then sets
an airplane fly's by -disappears on screen

BC TECH Summit 2018

Brochure

#BCTECH Youth Innovation Day 2018

Website

https://bctechsummit.ca/youth

Animate CC -the CITY

You will need

DropBOX

Animate CC

NOTES: Do the tutorial EXACTLY with 1 exception write your URL instead of 'My first Movie'

The Tutorial: http://www.baycongroup.com/flashCS4/01_flashCS4.html

download   HORN and DRIVER  link

max marks: B
want more?

• place a sun in the sky
• a second car - moving the in opposite direction - different sound
• a moving cloud - that disappears
• a new tree that grows
• a animated bird that lands on a roof

FINISHED?

POSTing  rules

Post the shockwave flash movie

POSTING THIS MOVIE
Upload the SWF file to Dropbox
Copy the share link
Go to the HTML section of your post
copy the following code then replace the SCR="" with your link

replace the "www" in your link with "dl"
also remove the s from https://
also delete everything after the .swf                                 

copy the following code  - then make the changes above:

<embed src="http://dl.dropbox.com/.right/here.swf" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="300" width="300"></embed>

Add your URL

Add your URL

In every POST in which you have created an IMAGE you are must add your URL to the image

In this exercise you will take screen captures
either press printscreen or use the snipping tool
EDIT the photo to add your URL and crop out the unnecessary parts.

Have the snipping tool open and ready to go. Once you see the animal you have 3 seconds to press 'new' and draw a box around it.

• capture an image of the 3 animals -add your URL

https://findtheinvisiblecow.com/

after 5

after 50?...the fox

Friday POST February 2, 2018

Friday POST  February 2, 2018

Think about your answers and how they are presented.

<div style="background: lime;">

</div>

SandyBrown      1. What did you do this past week? - add pictures

GoldenRod         2. What code did you learn this past week? -add pictures

DarkGoldenRod  3. What 2 types of technology do you depend on and 
                        why?  -add 2 pictures.
Peru                     4. What is in your tech-future? -add a picture