Mục lục:

Tạo trò chơi di động mà không cần mã hóa: 6 bước
Tạo trò chơi di động mà không cần mã hóa: 6 bước

Video: Tạo trò chơi di động mà không cần mã hóa: 6 bước

Video: Tạo trò chơi di động mà không cần mã hóa: 6 bước
Video: Mình Làm Game Mặc Dù Không Biết Lập Trình 2024, Tháng bảy
Anonim
Image
Image

Việc tạo ra trò chơi có vẻ khá khó khăn cho dù nó sử dụng sự thống nhất để tạo ra các trò chơi 3D hay các trò chơi mã hóa cứng bằng các ngôn ngữ như Java. Dù thế nào đi nữa, bạn cần có nhiều kinh nghiệm phía sau, điều này không phải lúc nào cũng thú vị đối với một người mới bắt đầu. Vì vậy, trong dự án này, chúng tôi sẽ làm một trò chơi platformer rất đơn giản (Giống như Mario) từ đầu đến cuối.

Bước 1: Bắt đầu

Bắt đầu
Bắt đầu
Bắt đầu
Bắt đầu

Nền tảng chúng tôi sẽ tạo ra trò chơi của mình có tên là AppShed, trang web này có môi trường phát triển ứng dụng được tạo để dễ sử dụng nhưng cũng có công cụ trò chơi Phaser được xây dựng cho phép chúng tôi tạo ứng dụng có trò chơi xây dựng nó!

Vì vậy, để bắt đầu, chúng ta sẽ đi đến AppShed và nhấp vào đăng nhập (nếu bạn chưa có tài khoản, bạn có thể đăng ký miễn phí). Tại thời điểm này, bạn sẽ thấy hai tùy chọn, AppBuilder và IoTBuilder, vì chúng tôi muốn tạo một ứng dụng lần này, chúng tôi sẽ nhấp vào AppBuilder (xem các dự án khác của chúng tôi để biết cách sử dụng IoTBuilder để tạo một ứng dụng có thể điều khiển đèn!)

Khi bạn ở trong AppBuilder, bạn sẽ được cung cấp một chiếc điện thoại mô phỏng, đây là nơi chúng tôi sẽ xây dựng trò chơi của mình. Chúng tôi bắt đầu bằng cách nhấp vào ứng dụng mới ở cuối màn hình, sau đó sẽ tạo một ứng dụng mới, sau đó chúng tôi có thể đặt tên cho nó là "trò chơi".

Bước 2: Giới thiệu về Game Engine

Giới thiệu về Game Engine
Giới thiệu về Game Engine

Bây giờ trước khi đi quá sâu vào việc tạo trò chơi, chúng ta hãy dành một chút thời gian để xem xét công cụ trò chơi cơ bản sẽ giúp chúng tôi tạo trò chơi một cách dễ dàng. Nó được gọi là Phaser và nó chạy trên HTML 5 và Javascript, do đó nó cho phép chúng tôi tạo và chạy các trò chơi trong trình duyệt web của mình.

Bây giờ nếu bạn biết bất cứ điều gì về Phaser, bạn sẽ biết rằng bạn vẫn phải biết cách viết mã để sử dụng nó. Vì vậy, đối với một người mới bắt đầu tuyệt đối, nó thực sự không lý tưởng. Đây là nơi AppShed xuất hiện, AppShed sử dụng công cụ Phaser và phủ lên một tính năng kéo và thả, chỉnh sửa dễ dàng cho phép chúng tôi tạo trò chơi mà không cần thực hiện bất kỳ mã hóa nào

Bước 3: Quay lại Tạo ứng dụng

Quay lại Tạo ứng dụng
Quay lại Tạo ứng dụng
Quay lại Tạo ứng dụng
Quay lại Tạo ứng dụng
Quay lại Tạo ứng dụng
Quay lại Tạo ứng dụng

Vì vậy, tại thời điểm này, chúng tôi đã tạo ứng dụng của mình và đặt tên cho nó nhưng ứng dụng của chúng tôi hoàn toàn trống rỗng. Để thêm trò chơi đầu tiên của chúng tôi, chúng tôi cần nhấp vào mô-đun và sau đó tìm kiếm "trò chơi" trong thanh tìm kiếm. Sau đó, bạn sẽ thấy một loạt các tùy chọn khác nhau (đây là tất cả các trò chơi khác nhau ở các mức độ khó khác nhau), chúng tôi sẽ nhấp vào Trò chơi nền tảng (Phaser) vì đây là trò chơi dễ chỉnh sửa nhất.

Sau khi nhấp vào sử dụng, bạn sẽ thấy ứng dụng của mình đột nhiên được lấp đầy bởi một loạt các hình ảnh và tên, đây là tất cả các khía cạnh của trò chơi của chúng tôi. Bạn sẽ thấy có một Pipe, nhân vật, nền tảng và hình nền mà sau này sẽ tạo nên thế giới của trò chơi. Ở trên cùng, bạn sẽ thấy một nút bắt đầu trò chơi lớn, hãy tiếp tục và nhấp đúp vào nút đó để bắt đầu trò chơi.

Sau khi trò chơi được tải, bạn có thể sử dụng các phím mũi tên hoặc nhấp và kéo bằng chuột để di chuyển. Trong trò chơi, bạn sẽ thấy đường ống, nền tảng và tất cả các khía cạnh khác mà chúng ta đã thấy trong màn hình trước.

Bước 4: Chỉnh sửa trò chơi

Chỉnh sửa trò chơi
Chỉnh sửa trò chơi
Chỉnh sửa trò chơi
Chỉnh sửa trò chơi
Chỉnh sửa trò chơi
Chỉnh sửa trò chơi
Chỉnh sửa trò chơi
Chỉnh sửa trò chơi

Vì vậy, trong bước cuối cùng, chúng tôi đã biết rằng tất cả hình ảnh trên màn hình tạo nên thế giới trong trò chơi, vì vậy nếu chúng tôi chỉnh sửa những hình ảnh này, nó sẽ thay đổi mọi thứ trong trò chơi của chúng tôi.

Vì vậy, để chỉnh sửa chúng, chúng tôi nhấp chuột trái vào những gì chúng tôi muốn chỉnh sửa, ví dụ: chúng tôi muốn thay đổi vị trí của một trong các nền tảng, chúng tôi sẽ thực hiện việc này bằng cách nhấp vào một trong các nền tảng và sau đó chúng tôi nhấp vào chỉnh sửa. Bây giờ chúng ta sẽ thấy một hộp văn bản với một loạt các giá trị như X, Y, width và hight. Nếu chúng tôi muốn thay đổi vị trí của nền tảng, chúng tôi sẽ thay đổi giá trị X và Y và nếu chúng tôi muốn thay đổi kích thước, chúng tôi sẽ thay đổi giá trị chiều rộng và chiều cao.

Vì vậy, để di chuyển nền tảng, chúng tôi thay đổi giá trị X thành 100 và giá trị Y thành 70. Sau đó, chúng tôi nhấp vào lưu và thử lại trò chơi, sau đó chúng tôi sẽ thấy rằng trò chơi có vẻ khác. Chúng tôi có thể thay đổi các giá trị này trên tất cả các khía cạnh của trò chơi để làm cho nó trở nên tùy chỉnh hơn.

Bước 5: Thêm nhiều hơn

Thêm nhiều hơn
Thêm nhiều hơn
Thêm nhiều hơn
Thêm nhiều hơn

Tại thời điểm này, chúng ta đã học cách hoạt động của công cụ trò chơi, cách truy cập vào các trò chơi này và cách làm cho trò chơi tùy chỉnh hơn bằng cách thay đổi kích thước và di chuyển mọi thứ, bây giờ chúng ta sẽ xem xét cách thêm nhiều nền tảng và đối tượng hơn vào trò chơi của chúng tôi..

Điều đầu tiên chúng tôi sẽ làm là quay lại mô-đun và tìm kiếm trò chơi một lần nữa, trong tệp có tên "platform game Phaser", bạn sẽ thấy tùy chọn để thêm nền tảng khác, chúng tôi sẽ nhấp vào đây và sau đó nhấp vào sử dụng. Bây giờ bạn sẽ thấy màn hình trò chơi của bạn có 3 đường ống nhưng nếu chúng ta khởi chạy trò chơi thì chỉ có thể nhìn thấy 2 đường ống. Điều này là do 2 trong số các đường ống có cùng giá trị x và y có nghĩa là chúng trùng nhau, để khắc phục điều này, chúng ta chỉ cần thay đổi một trong các giá trị và sau đó cả 3 đều có thể được nhìn thấy.

Bước 6: Lấy nó trên điện thoại của bạn và tiến xa hơn

Mang nó trên điện thoại của bạn và tiến xa hơn
Mang nó trên điện thoại của bạn và tiến xa hơn
Mang nó trên điện thoại của bạn và tiến xa hơn
Mang nó trên điện thoại của bạn và tiến xa hơn
Mang nó trên điện thoại của bạn và tiến xa hơn
Mang nó trên điện thoại của bạn và tiến xa hơn
Mang nó trên điện thoại của bạn và tiến xa hơn
Mang nó trên điện thoại của bạn và tiến xa hơn

Vì vậy, bây giờ trò chơi của chúng tôi đã sẵn sàng để chơi, để đưa nó vào điện thoại của chúng tôi, chúng tôi nhấp vào xuất bản sau đó là bắt đầu, khi quá trình này hoàn tất, chúng tôi nhấp vào chia sẻ và sau đó nhấp vào Mã QR. Điều này sẽ cung cấp cho chúng tôi Mã QR mà chúng tôi có thể quét bằng điện thoại của mình để chúng tôi đưa trò chơi của mình vào điện thoại. Chỉ trong vài giây, trò chơi được tải và bây giờ chúng ta có thể chơi trên điện thoại của mình. Để điều khiển nhân vật, bạn có thể kéo ngón tay trên màn hình hoặc có thể nghiêng điện thoại theo hướng bạn muốn di chuyển.

Và cứ như vậy, chúng tôi đã xây dựng một trò chơi rất đơn giản và đưa nó vào điện thoại của chúng tôi. Bây giờ, đây là một trong những trò chơi đơn giản nhất mà bạn có thể xây dựng nhưng bạn có thể tiến xa hơn nhiều so với chỉ một trò chơi platformer đơn giản. Kiểm tra trò chơi xâm lược không gian này đã xây dựng nó AppShed. Ở đây

Nếu bạn có bất kỳ câu hỏi nào vui lòng để lại bình luận và chúng tôi sẽ liên hệ lại với bạn

Đề xuất: