Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Game Development JavaScript

HTML5 Canvas Animasyon Dersleri ve Javascript Oyun Yapimi

Javascript Yılan oyunu yapımı,HTML5 Canvas dersleri ,Javascript ile oyun geliştirme ve programlama,Animasyon temelleri
Rating: 4.3 out of 54.3 (46 ratings)
199 students
Created by Ersan Hocam
Last updated 8/2018
Turkish
30-Day Money-Back Guarantee

What you'll learn

  • HTML5 Canvasın bütün temel özelliklerini ve metodlarını öğreneceksiniz.
  • HTML5 Canvas ve Javascript yardımı ile kendi oyununuzu geliştirebileceksiniz.
  • Programlama gücünüzü artıracak bir düşünme sistemi geliştirmeniz çok olasıdır.
  • Merakınız heyecana,mutluluğa ve eğlenceye dönüşecektir.(En önemlisi de bilgiye.)

Course content

8 sections • 53 lectures • 5h 57m total length

  • Preview03:00
  • HTML5 Canvas Elemanını Oluşturma Html İçerisine dahil etme
    04:55
  • HTML5 Canvas Koordinat Sistemi
    03:11
  • getContext özel sunum :)
    02:05
  • getContext Metodu Kodlama
    01:07
  • fillRect() Metodu ve fillStyle Özelliği ile Dolgulu Dikdörtgen çizimleri
    06:30
  • strokeRect() Metodu ve strokeStyle Özelliği ile Kenarlıklı dikdörtgen Çizimi
    05:20
  • toDataURL Metodu ile Canvas grafik verisini elde etme
    04:27
  • globalCompositeOperation Metodu
    05:32
  • globalAlpha Özelliği ile Saydamlık
    02:50
  • shadow Gölge özellikleri ve Ayarları
    03:45
  • Save Restore ve ClearRect metodları (ÖNEMLİ)
    03:17
  • Path Metodları moveTo lineTo metodları
    07:36
  • Çizgi kalınlığı lineWidth Özelliği
    18:08
  • Rect Clip isPointInPath Metodları
    06:52
  • quadraticCurveto ve besierCurveTo metodları kullanımı
    08:24
  • arc ve arcto metodu
    12:14
  • setLineDash metodu ile kesik çizgi çizme
    04:43
  • IZGARA çİZİMİ
    03:49

  • Doğrusal ve Radyal renk geçişli elemanların çizimi sunum
    04:57
  • createLİnearGradient
    05:53
  • createRadialGradient
    05:25
  • Pattern
    03:10

  • Başlangıç güzel bir sunum daha genel anlatım
    05:31
  • createImageData getIMageData putImageData
    05:11

  • Scale Metodu
    02:51
  • Translate Metodu
    01:38
  • Rotate metodu
    04:38
  • Transform Metodu özel sunum
    04:57
  • Preview02:32
  • Transform ile ölçeklendirme ve boyutlandırma işlemleri
    02:50
  • Transform skew (uzatma esnetme ) işlemleri
    04:58
  • Transform ile rotate (döndürme işlemleri)
    10:14

  • Resim çizme işlemleri
    09:50

  • Dolgulu ve Kenarlıklı yazı yazılması(strokeText ve fillText metodları)
    08:19
  • textAlign özelliği kullanımı
    01:46
  • textABaseline Özelliği kullanımı
    03:05

  • Animasyonlarda kullanacağımız kod yapılarımız
    06:22
  • Preview07:45
  • Kurucu Fonksiyonları kullanma
    13:14
  • Canvas Ekranında 100lerce daire animasyon çalışması
    10:42
  • Dairesel Hareket Animasyonu
    13:04
  • Klavye ve Mouse ile Canvas Etkileşimi
    15:06
  • Nesnelerin etkileşimi uçak ile hareket ve nesneye çarpma
    17:32
  • Yerçekimi olayını animasyonlara nasıl uygularız.
    11:35
  • Skor ve Yazı işlemleri
    11:43

  • Class yapısı kullanarak oyun yapacağız.
    07:17
  • Yılanın kafası oluşturma ve ilk hareketini sağlama
    15:46
  • Klavye yön tuşları ile yılanın hareket ettirilmesi
    12:36
  • Elmanın Koordinatlarını ayarlama
    06:18
  • Yılanın ekrandan taşması işlemleri
    04:28
  • Yılanın kafası ile kuyruğunun çarpışması
    04:38
  • Ses ekleme ve Final
    04:08

Requirements

  • Temel html,css ve javascript bilgisi olması gerekir.
  • Animasyonları,çizim yapmayı ve üretmeyi seviyorsanız daha çok verim alacaksınız.
  • Her öğrenim sürecinin ilk aşamasında sancılı ve sabır gerektiren bir zaman aralığı vardır.(Renkli sunumlarla bunu da aşacağız)
  • Matematik ,geometri bilginiz asgari düzeyde olması şarttır.

Description


HTML5 Canvas ve Javascript ile çizim,animasyon ve oyun yapımı hakkında bilinmesi gereken tüm temel bilgiler ve canvas animasyon örnekleri bu kursta.Kurs içeriğini dikkatle inceleyin. Sizleri harika bir kurs bekliyor.

HTML5 Canvas etiketi ve Javascript kullanarak sıfırdan oyun nasıl geliştirilir ,Javascript ile oyun nasıl yapılır ? Eğer oyun programlamaya yeni başlıyorsanız Oyun geliştirmek için gerekli temel bilgileri içeren bu kurs tam size göre.Html5 ve javascript ile web oyunu tasarlamak ve geliştirmek için ne yapmak gerekir diyorsanız  html5 canvas animasyon ve çizim uygulamalarını içeren bu eğitim serisine başlamanızı şiddetle  tavsiye ederim.

Html5 ve Canvas ile animasyon  ve oyun oluşturmak zahmetlidir ama programlama gücünüzü geliştirecek bir çok sorunla karşılaşırsınız.

Çoğumuzun bildiği yılan oyununu yaparak öğrendiklerinizi pekiştirebilecek bir oyununuz olacak.Yılan oyunu çok basit bir oyun  evet  fakat  yılan oyununu geliştirirken siz de fark edeceksiniz  içinde bir çok algoritmalar  var sorunlar var  ...Web oyun geliştiricisi olmak isteyen  ve yeni başlayan arkadaşlara özellikle tavsiye ediyorum.Önce yürümesini öğreneceğiz sonra birlikte  koşacağız.

Haydi başlayalım ! 

Who this course is for:

  • Html5 Canvas ve Javascript ile çizim ,tasarım yapmak isteyenler ve basit animasyon oyun yapımına başlamak isteyenler.
  • Oyun geliştirmek için gerekli temel bilgileri öğrenmek isteyenler.

Instructor

Ersan Hocam
Web Tasarım ve Kodlama Uzmanı (ODTÜ)
Ersan Hocam
  • 4.2 Instructor Rating
  • 129 Reviews
  • 829 Students
  • 3 Courses

Ersan Hocam // Eğitmen

* Yeni Nesil Eğitim Koçu

* İkiz Hocalar Youtube kanalının sahibi


Sercan Hocam / Öğretmen / Eğitmen

* Van Yüzüncü Yıl Üniversitesi  Okul Öncesi Öğretmenliği Mezunu

* Yeni Nesil Eğitim Koçu

* İkiz Hocalar Youtube kanalının sahibi




Yıllardır eğitim dünyasının içinde olan İkiz Hocalar (Sercan Hocanız ve Ersan Hocanız) olarak 2020 Eğitim ve Öğrenim yılında  sizlere harika KPSS-DGS Matematik  kursu ile matematik netlerinizi artırmaya hazırız.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.