שלום לכולם! ברוכים הבאים לפרק השביעי בסדרת הסרטונים החדשה שלי בשם Ninja Blocks שבה אכתוב משחק מחשב Webי מאפס ואשתף פה את כל התהליך שלי משלב הרעיון ועד המשחק הסופי! אז היום ניתן את היכולת לשחקן שלנו לתקוף (לפחות מבחינת אנימציה) בכל מקרה זה הריפו שאני משתמש בו ושם תוכלו גם למצוא את הקוד לסרטון הזה ולשחק בו אם תרצו: https://github.com/MaorZ/NinjaBlocks/tree/Ninja-Blocks-%239 שימו לב לעבור לענף בשם: Ninja Block #9 אז מקווה שתהינו ונצליח להוציא משחק יפה בעזרת השם!

שלום לכולם! ברוכים הבאים לפרק השביעי בסדרת הסרטונים החדשה שלי בשם Ninja Blocks שבה אכתוב משחק מחשב Webי מאפס ואשתף פה את כל התהליך שלי משלב הרעיון ועד המשחק הסופי! אז היום ניצור את האויב המושבע הראשון שלנו!!! הזומבי!!! ונעשה לו איזה מח מאוד מתוחכם… אתם תראו! בכל מקרה זה הריפו שאני משתמש בו ושם תוכלו גם למצוא את הקוד לסרטון הזה ולשחק בו אם תרצו: https://github.com/MaorZ/NinjaBlocks/tree/Ninja-Blocks-%237-8 שימו לב לעבור לענף בשם: Ninja Block #7-8 אז מקווה שתהינו ונצליח להוציא משחק יפה בעזרת השם!

שלום לכולם! ברוכים הבאים לפרק השמיני בסדרת הסרטונים החדשה שלי בשם Ninja Blocks שבה אכתוב משחק מחשב Webי מאפס ואשתף פה את כל התהליך שלי משלב הרעיון ועד המשחק הסופי! אז היום נמשיך ונהרוג את הזומבי אבל לא נשאיר עקבות בזכרון בכל מקרה זה הריפו שאני משתמש בו ושם תוכלו גם למצוא את הקוד לסרטון הזה ולשחק בו אם תרצו: https://github.com/MaorZ/NinjaBlocks/tree/Ninja-Blocks-%237-8 שימו לב לעבור לענף בשם: Ninja Block #7-8 אז מקווה שתהינו ונצליח להוציא משחק יפה בעזרת השם!

שלום לכולם! ברוכים הבאים לפרק השישי בסדרת הסרטונים החדשה שלי בשם Ninja Blocks שבה אכתוב משחק מחשב Webי מאפס ואשתף פה את כל התהליך שלי משלב הרעיון ועד המשחק הסופי! אז היום נכתוב קוד שמאזין לעכבר ויודע לכוון את הדמות שלנו לפי התזוזה ונותן לנו אינדיקציה לאן אנחנו תוקפים כשלחצנו על העכבר בכל מקרה זה הריפו שאני משתמש בו ושם תוכלו גם למצוא את הקוד לסרטון הזה ולשחק בו אם תרצו: https://github.com/MaorZ/NinjaBlocks/tree/Ninja-Blocks-%236 שימו לב לעבור לענף בשם: Ninja Block #6 אז מקווה שתהינו ונצליח להוציא משחק יפה בעזרת השם! Hello Everybody! Welcome to my 6th episode in the “Ninja Blocks” series in which I will build a web video game from scratch and I will share all my process with you guys, from the idea to the final product. Today we will create an aimer for our character and print the direction of the hit when we click the mouse Anyway this is my Repo for this episode so you can try it for yourself: https://github.com/MaorZ/NinjaBlocks/tree/Ninja-Blocks-%236 Notice you should move to the branch: Ninja Blocks #6 So I hope you will enjoy and help me to make my first game ever!

שלום לכולם! ברוכים הבאים לפרק החמישי בסדרת הסרטונים החדשה שלי בשם Ninja Blocks שבה אכתוב משחק מחשב Webי מאפס ואשתף פה את כל התהליך שלי משלב הרעיון ועד המשחק הסופי! אז היום נעבור על הריפקטור שעשיתי לקוד כדי שיהיה יותר קריא, יפה וסקלבילי… ותודה מיוחדת לשלומי ביתן שעזר לי מאוד התכנון הזה! בכל מקרה זה הריפו שאני משתמש בו ושם תוכלו גם למצוא את הקוד לסרטון הזה ולשחק בו אם תרצו: https://github.com/MaorZ/NinjaBlocks/tree/Ninja-Blocks-%235 שימו לב לעבור לענף בשם: Ninja Block #5 אז מקווה שתהינו ונצליח להוציא משחק יפה בעזרת השם! Hello Everybody! Welcome to my 5th episode in the “Ninja Blocks” series in which I will build a web video game from scratch and I will share all my process with you guys, from the idea to the final product. Today we will show you my refactoring that I did so we can have a beautiful, readable and scalable code! And special thanks to Shlomi Bitan that helped me so much with this refactoring and architecture. Anyway this is my Repo for this episode so you can try it for yourself: https://github.com/MaorZ/NinjaBlocks/tree/Ninja-Blocks-%235 Notice you should move to the branch: Ninja Blocks #5 So I hope you will enjoy and help me to make my first game ever!

שלום לכולם! ברוכים הבאים לפרק הרביעי בסדרת הסרטונים החדשה שלי בשם Ninja Blocks שבה אכתוב משחק מחשב Webי מאפס ואשתף פה את כל התהליך שלי משלב הרעיון ועד המשחק הסופי! אז היום ניצור תזוזה חדשה של התחמקות ע"י הספריית אנימציה שלנו וקצת נדבר על פריימים ואיך האנימציה קשורה לדפדפן ולמעבד... בכל מקרה זה הריפו שאני משתמש בו ושם תוכלו גם למצוא את הקוד לסרטון הזה ולשחק בו אם תרצו: https://github.com/MaorZ/NinjaBlocks/tree/ninja-blocks-%234 שימו לב לעבור לענף בשם: Ninja Block #4 אז מקווה שתהינו ונצליח להוציא משחק יפה בעזרת השם! Hello Everybody! Welcome to my 4th episode in the “Ninja Blocks” series in which I will build a web video game from scratch and I will share all my process with you guys, from the idea to the final product. Today we will create a new evade animation with our GSAP lib and talk about frames and see what is the connection between animation, browser and CPU. Anyway this is my Repo for this episode so you can try it for yourself: https://github.com/MaorZ/NinjaBlocks/tree/ninja-blocks-%234 Notice you should move to the branch: Ninja Blocks #4 So I hope you will enjoy and help me to make my first game ever!

שלום לכולם! ברוכים הבאים לפרק השלישי בסדרת הסרטונים החדשה שלי בשם Ninja Blocks שבה אכתוב משחק מחשב Webי מאפס ואשתף פה את כל התהליך שלי משלב הרעיון ועד המשחק הסופי! אז היום נתקן קצת דברים קטנים כמו שהאנימציה יוצאת מסנכרון וגם ניצור אשליה שהמצלמה עוקבת אחרי הדמות ונלמד עוד כל מיני דברים חמודים בקוד בכל מקרה זה הריפו שאני משתמש בו ושם תוכלו גם למצוא את הקוד לסרטון הזה ולשחק בו אם תרצו: https://github.com/MaorZ/NinjaBlocks/tree/Ninja-Blocks-%233 שימו לב לעבור לענף בשם: Ninja Block #3 אז מקווה שתהינו ונצליח להוציא משחק יפה בעזרת השם! Hello Everybody! Welcome to my third episode in the “Ninja Blocks” series in which I will build a web video game from scratch and I will share all my process with you guys, from the idea to the final product. Today we will work on the animations that will not get out of sync and create a kind of camera that will follow the player around and also learn some things about ES6 and Typescript Anyway this is my Repo for this episode so you can try it for yourself: https://github.com/MaorZ/NinjaBlocks/tree/Ninja-Blocks-%233 Notice you should move to the branch: Ninja Blocks #3 So I hope you will enjoy and help me to make my first game ever!

שלום לכולם! ברוכים הבאים לפרק השני בסדרת הסרטונים החדשה שלי בשם Ninja Blocks שבה אכתוב משחק מחשב Webי מאפס ואשתף פה את כל התהליך שלי משלב הרעיון ועד המשחק הסופי! אז תחילה נדבר על ההתלבטות שיש לי לגבי טיב הסרטונים ואשמח אם תשלחו לי את דעתכם האם לעשות סרטונים שנכנסים לעומק של הקוד ולמה כתבתי אותו ככה שיכולים לקחת בין 30 ל-40 דקות או סרטונים שרק עוברים על הקוד במקומות חשובים ומדברים עליו בגדול שיכולים לקחת בין 10 ל-15 דקות בכל מקרה זה הריפו שאני משתמש בו ושם תוכלו גם למצוא את הקוד לסרטון הזה ולשחק בו אם תרצו: https://github.com/MaorZ/NinjaBlocks/tree/Ninja-Blocks-%232 שימו לב לעבור לענף בשם: Ninja Block #2 להלן רשימת הטכנולוגיות והדברים שהתחלתי להשתמש בהם: Typescript - שפת הכתיבה של המשחק Pure HTML, CSS - תצוגה ורנדור של המשחק RxJs - ניהול הארועים כמו לחיצות על מקלדת או עכבר ועוד דברים פנימיים במשחק GSAP - כל השליטה באנימציות אז מקווה שתהינו ונצליח להוציא משחק יפה בעזרת השם! Hello Everybody! Welcome to my second episode in the “Ninja Blocks” series in which I will build a web video game from scratch and I will share all my process with you guys, from the idea to the final product. So I want to share with you my wandering about how the code episodes should look like. Should I do long episodes that dives deep into the process of the code and it’s logic (30-40 min) or short ones that only show important final code and explanation about it (10-15 min) Anyway this is my Repo for this episode so you can try it for yourself: https://github.com/MaorZ/NinjaBlocks/tree/Ninja-Blocks-%232 Notice you should move to the branch: Ninja Blocks #2 Those are the techs that i have decided to use for starters: Typescript - as the lang of my game Pure HTML, CSS - for rendering my game RxJs - to control all of my events in the game like a keyboard or mouse or inner game events like attacks or movement GSAP - to control all my animations in the game So I hope you will enjoy and help me to make my first game ever!

שלום לכולם! ברוכים הבאים לסדרת הסרטונים החדשה שלי בשם Ninja Blocks שבה אכתוב משחק מחשב Webי מאפס ואשתף פה את כל התהליך שלי משלב הרעיון ועד המשחק הסופי! אשמח שתשתתפו איתי בתהליך ותשלחו לי פידבקים כל הזמן להלן הקישור לערוץ שהמלצתי עליו (Ask Gamedev): https://www.youtube.com/channel/UCd_lJ4zSp9wZDNyeKCWUstg חוץ מזה השתמשתי באתר בשם Cool Text כדי לייצר את הלוגו הפשוט הזה ולהלן קישור: https://cooltext.com/ לגבי התמונות בסרטון הורדתי מאתר מעולה שנותן מלא תמונות בחינם לשימוש חופשי בשם Pixabay ולהלן קישור: https://pixabay.com/ אז מקווה שתהינו ונצליח להוציא משחק יפה בעזרת השם! Hello Everybody! Welcome to my new video series named: “Ninja Blocks” in which I will build a web video game from scratch and I will share all my process with you guys, from the idea to the final product. I will be grateful if you will join me in my journey to the unknown and send me feedback along the way, As I mentioned here is the link to the channel that I have recommended about (Ask Gamedev): https://www.youtube.com/channel/UCd_lJ4zSp9wZDNyeKCWUstg To create my simple logo I have used this cool site named “Cool text”: https://cooltext.com/ All the pictures I used for my video was downloaded from this awesome free site “Pixabay”: https://pixabay.com/ So I will hope you will enjoy and help me to make my first game ever!