My Awesome Moments - REAP WHAT YOU SOW

Godot 3.2.3 Grid Movement Part 2/2

I converted this Godot Grid Movement Video Tutorial into textual tutorial because I feel it is much easier to follow textual tutorial.

This is Part 2, you can view Part 1 here.

What You Will Learn From This Godot Grid Movement Tutorial

How to create player sprite that move in 2D grid
Create Collision walls where the player sprite cannot pass through the wall

Part 2 – Player Sprite Moves within Walls

Create Walls

i. Add child node -> Add TileMap.
ii. Set Tile Set from empty to new Tile Set.
iii. Double click on new Tile Set to change to Resource tab.
iv. Click “+” add texture (add bottom left)
v. Use the default Godot icon as the wall.
vi. Make the Icon editor window bigger by clicking on the up arrow (bottom right)
vii. Zoom in the tile set by clicking “+” at top right.
viii. Click “New Single Tile” and click grid icon to enable the grid.
ix. Select the icon if selected yellow line will appear.
x. Change color to black by clicking the “Modulate”
xi. Change RGB color to 000000

godot grid movement - create tilemap — godot grid movement – create tilemap

godot grid movement - set tile set to new tile set — godot grid movement – set tile set to new tile set

godot grid movement - double click on new tile set to set the resources — godot grid movement – double click on new tile set to set the resources

godot grid movement - add the resource — godot grid movement – add the resource

godot grid movement – use default godot icon

godot grid movement – click up arrow bottom rigth to make the icon editor bigger

godot grid movement – zoom in the icon

godot grid movement - click new single tile and enable the grid — godot grid movement – click new single tile and enable the grid

godot grid movement - grid enabled — godot grid movement – grid enabled

godot grid movement - change color by clicking on modulate — godot grid movement – change color by clicking on modulate

godot grid movement - change color to black where RGB 000000 — godot grid movement – change color to black where RGB 000000

Add Collision to The Wall Tile Set

i. Ensure tile set is still selected (yellow outline)
ii.Click “Collision”
iii. Click the square icon
iv. The select the region within the yellow line.
v. Icon color will change to turquoise if collision is properly set.

godot grid movement - add collision square — godot grid movement – add collision square

Create The Maze

i. Click on player sprite (to go back to player scene)
ii. You will see the TileMap is black now.
iii. Check the TileMap is 64×64
iv. Click on TileMap and start populating the walls to create your own maze.

godot grid movement - wall is black — godot grid movement – wall is black

godot grid movement - ensure size is 64x64 — godot grid movement – ensure size is 64×64

godot grid movement - create maze — godot grid movement – create maze

Add RayCast2D to Player Sprite

i. Right click on Player sprite -> Add child node
ii. Select RayCast2D
iii. Set the RayCast2D
– Position x = 32, y = 32 (to make centre (red plus sign))
– Enable is on
– Cast to y = 32 (to make the down blue arrow to just at the edge of the player sprite)

godot grid movement - create raycast2D — godot grid movement – create raycast2D

godot grid movement - set the raycast2D — godot grid movement – set the raycast2D

Update the Player Script

i. Click on the script icon near Player sprite
ii. Update the script based on the code below.
iii. Ensure script indentation is correct.

godot grid movement - open script — godot grid movement – open script

extends Sprite

var speed = 256
var tile_size = 64

var last_position = Vector2()
var target_position = Vector2()
var movedir = Vector2()

onready var ray = $RayCast2D

func _ready():
	position = position.snapped(Vector2(tile_size, tile_size))
	last_position = position
	target_position = position
	

func _process(delta):
	#MOVEMENT
	if ray.is_colliding():
		position = last_position
		target_position = last_position
	
	else:
		position += speed * movedir * delta
		
		if position.distance_to(last_position) &gt;= tile_size - speed * delta:
			position = target_position
			
	
	#DELTA
	if position == target_position:
		get_movedir()
		last_position = position
		target_position += movedir*tile_size
		

func get_movedir():
	var LEFT = Input.is_action_pressed('ui_left')
	var RIGHT = Input.is_action_pressed('ui_right')
	var UP = Input.is_action_pressed('ui_up')
	var DOWN = Input.is_action_pressed('ui_down')
	
	movedir.x = -int(LEFT) + int(RIGHT)
	movedir.y = -int(UP) + int(DOWN)
	
	if movedir.x != 0 &amp;&amp; movedir.y != 0:
		movedir = Vector2.ZERO
		
	if movedir != Vector2.ZERO:
		ray.cast_to = movedir * tile_size / 2

extends Sprite

var speed = 256

var tile_size = 64

var last_position = Vector2()

var target_position = Vector2()

var movedir = Vector2()

onready var ray = $RayCast2D

func _ready():

position = position.snapped(Vector2(tile_size, tile_size))

last_position = position

target_position = position

func _process(delta):

#MOVEMENT

if ray.is_colliding():

position = last_position

target_position = last_position

else:

position += speed * movedir * delta

if position.distance_to(last_position) >= tile_size - speed * delta:

position = target_position

#DELTA

if position == target_position:

get_movedir()

last_position = position

target_position += movedir*tile_size

func get_movedir():

var LEFT = Input.is_action_pressed('ui_left')

var RIGHT = Input.is_action_pressed('ui_right')

var UP = Input.is_action_pressed('ui_up')

var DOWN = Input.is_action_pressed('ui_down')

movedir.x = -int(LEFT) + int(RIGHT)

movedir.y = -int(UP) + int(DOWN)

if movedir.x != 0 && movedir.y != 0:

movedir = Vector2.ZERO

if movedir != Vector2.ZERO:

ray.cast_to = movedir * tile_size / 2

godot grid movemen t- update script with raycast2d p1

godot grid movemen t- update script with raycast2d p2

Run The Game

i. Click Play icon (top right)
ii. Now you can see the player sprite can’t pass through the walls.

Godot 3.2.3 Grid Movement Part 1/2

I converted this Godot Grid Movement Video Tutorial into textual tutorial because I feel it is much easier to follow textual tutorial.

What You Will Learn From This Godot Grid Movement Tutorial

How to create player sprite that move in 2D grid
Create Collision walls where the player sprite cannot pass through the wall

Part 1 – Make the Sprite Move

Create Node

i. Click “Other Node”
ii. Then select “Node”

godot grid movement - select node — godot grid movement – select node

Create Sprite

i. Right click “Node” -> Add child node
ii. Select Sprite
iii. Drag and drop icon.png into sprite texture at right panel
iv. At sprite panel, untick centered on
v. Click “Scene” (top menu left) then save scene as player.

godot grid movement – create sprite

godot gride movement – drag n drop icon to sprite texture

godot grid movement - untick centered — godot grid movement – untick centered

godot grid movement - save scene as player — godot grid movement – save scene as player

Add Script to the Player sprite

i. Right click on Sprite -> Attach Script
ii. Click create on when the window open.
iii. Remove all codes except “extends Sprite”
iv. Copy the code below and paste to the script. Ensure indentation is correct.

godot grid movement - attach script — godot grid movement – attach script

godot grid movement - create script — godot grid movement – create script

godot grid movement – remove all codes except extends Sprite

extends Sprite


var speed = 256
var tile_size = 64

var last_position = Vector2()
var target_position = Vector2()
var movedir = Vector2()

func _ready():
	position = position.snapped(Vector2(tile_size, tile_size))
	last_position = position
	target_position = position
	

func _process(delta):
	#MOVEMENT
	position += speed * movedir * delta
	
	if position.distance_to(last_position) &gt;= tile_size - speed * delta:
		position = target_position
		
	
	#DELTA
	if position == target_position:
		get_movedir()
		last_position = position
		target_position += movedir*tile_size
		

func get_movedir():
	var LEFT = Input.is_action_pressed('ui_left')
	var RIGHT = Input.is_action_pressed('ui_right')
	var UP = Input.is_action_pressed('ui_up')
	var DOWN = Input.is_action_pressed('ui_down')
	
	movedir.x = -int(LEFT) + int(RIGHT)
	movedir.y = -int(UP) + int(DOWN)
	
	if movedir.x != 0 &amp;&amp; movedir.y != 0:
		movedir = Vector2.ZERO

extends Sprite

var speed = 256

var tile_size = 64

var last_position = Vector2()

var target_position = Vector2()

var movedir = Vector2()

func _ready():

position = position.snapped(Vector2(tile_size, tile_size))

last_position = position

target_position = position

func _process(delta):

#MOVEMENT

position += speed * movedir * delta

if position.distance_to(last_position) >= tile_size - speed * delta:

position = target_position

#DELTA

if position == target_position:

get_movedir()

last_position = position

target_position += movedir*tile_size

func get_movedir():

var LEFT = Input.is_action_pressed('ui_left')

var RIGHT = Input.is_action_pressed('ui_right')

var UP = Input.is_action_pressed('ui_up')

var DOWN = Input.is_action_pressed('ui_down')

movedir.x = -int(LEFT) + int(RIGHT)

movedir.y = -int(UP) + int(DOWN)

if movedir.x != 0 && movedir.y != 0:

movedir = Vector2.ZERO

godot grid movement - script part 1 — godot grid movement – script part 1

godot grid movement - script part 2 — godot grid movement – script part 2

Run the Scene

i. Click “Play” (top right) or F5 to run the scene.
ii. Move your arrow left, right, up and down to move the player sprite.

Part 2 Godot Grid Movement Tutorial – Make The Collision Wall and Combined with Player Sprite

Resipi Ayam atau Mutton Stuffing for Taco, Wraps or Burritos

Bahan – Bahan:

Bawang besar (potong dadu)
Bawang putih (mayang halus)
cili blend / cili boh
rempah kari + serbuk cili + air (mix)
jintan putih
Serbuk ketumbar
parsley herb
white pepper + salt
perasa: sos tomato, sos cili, kicap and tiram.
Minced mutton atau ayam cincang.

Herbs - parsley, cumin, coriander — Herbs – parsley, cumin, coriander

Tumis macam biasa bahan-bahan di atas mengikut turutan nombor dimana akhir sekali adalah meletakkan ayam atau mutton minced sehingga bahan utama protein tersebut masak secukupnya.

Side filling / toppings

capsicum
japanese cucumber
carrot
shredded cheese
lettuce
rocket leaf
Baby tomato
Thousand island sauce
Honey Mustard

(you can choose to slice match size or any size you prefer)

Baked shredded cheese till melt before putting veggies

you can choose any type of – WRAPS/ BURRITO / TORTILLAS / CORN WRAPS (TACO) mengikut selera. Since my youngest son been dreaming eating TACO… so i made few options because my 2nd son prefer to eat Burritos.

Lain orang lain kesukaan tetapi yang penting you can just made one time cook for the same fillings.

Install Signal Messaging Desktop on Ubuntu

Every knows that WhatsApp changes its End Users License Agreement (EULA) . Lots of people are worried about data privacy.

That is why I’m migrating to Signal Messaging. I installed Signal Desktop on Ubuntu but I faced small hiccup which I shared how to solve it.

Download Signal for desktop

Download it here: https://signal.org/en/download/#

and follow the given instructions.

Can get the signing key from the error messageInstall Signal official public software signing key

wget -O- https://updates.signal.org/desktop/apt/keys.asc |\
  sudo apt-key add -

1 2	wget -O- https://updates.signal.org/desktop/apt/keys.asc \|\ sudo apt-key add -

signal desktop install ubuntu - signing key — signal desktop install ubuntu – signing key

Add Signal repository to your list of repositories

echo "deb [arch=amd64] https://updates.signal.org/desktop/apt xenial main" |\
  sudo tee -a /etc/apt/sources.list.d/signal-xenial.list

1 2	echo "deb [arch=amd64] https://updates.signal.org/desktop/apt xenial main" \|\ sudo tee -a /etc/apt/sources.list.d/signal-xenial.list

Update Ubuntu package database and install signal

sudo apt update &amp;&amp; sudo apt install signal-desktop

1	sudo apt update && sudo apt install signal-desktop

signal desktop installation ubuntu - error during installation — signal desktop installation ubuntu – error during installation

If Installation error like me, add the signing key

sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys [signing key]

//example
sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 3B4FE6ACC0B21F32

sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys [signing key]

//example

sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 3B4FE6ACC0B21F32

Can get the signing key from the error message

signal desktop install on ubuntu getting the signing key

Then run the command

signal desktop installation ubuntu - add key — signal desktop installation ubuntu – add key

Reinstall again after adding the signing key

signal desktop installation ubuntu successful

Reference:

Fix apt-get update “the following signatures couldn’t be verified because the public key is not available”

Genting Premium Outlet Thick Fog on 2nd January 2021

This new year 2021, Genting has so thick fog from night till morning. It is really pleasant view for anyone who rarely experience this kind of thick fog.

Happy New Year 2021 From Genting Highlands view from Windmill Upon Hills

Happy New Year 2021! This year, unfortunately no fireworks. But it has beautiful thick fogs surrounding Windmill Upon Hills at Genting Sempah.

At new year eve, at first you can see Geo 38 Residence but around 930PM the fog became very thick and couldn’t view Geo 38. This happens even till morning of 1st Jan 2021.

new year 2021 eve fog around 9pm — new year 2021 eve, fog around 9pm

new year 2021 eve thick fog around 9pm — new year 2021 eve, thick fog around 930pm

What You Will Learn From This Godot Grid Movement Tutorial

Part 2 – Player Sprite Moves within Walls

Create Walls

Add Collision to The Wall Tile Set

Create The Maze

Add RayCast2D to Player Sprite

Update the Player Script

Run The Game

What You Will Learn From This Godot Grid Movement Tutorial

Part 1 – Make the Sprite Move

Create Node

Create Sprite

Add Script to the Player sprite

Run the Scene

Bahan – Bahan:

Side filling / toppings

Download Signal for desktop

Can get the signing key from the error messageInstall Signal official public software signing key

Add Signal repository to your list of repositories

Update Ubuntu package database and install signal

If Installation error like me, add the signing key

Can get the signing key from the error message

Then run the command

Reinstall again after adding the signing key

Reference:

Search Seda Save 2.0 by Typing Save in Shopee App

Click on Daftar Sekarang

Fill in the Required Information

Even if you check YES, ensure you fill in the relation of Account Holder. If not the Submission Button is not activated

If Everything OK, you will see the Complete Registration Page

1. Verify Your PIN Address

i. Go to you dashboard @ Home

ii. Scroll Down till you find “Todo – Verify your Billing Address”

iii. If you already receive your PIN, you can key in the 6 digits by clicking verify.

2. Where To Know What is Your Billing Address

i. Check your primary user first because Google will send to primary user. (Click Account > Access & Authorization > User Management)

ii. Click on your profile on top right and click my account

iii. Click Payment & Subscriptions > Manage payment methods

iv. Click Address