Форум программистов, компьютерный форум, киберфорум
Блог 8Observer8
Форум программистов и сисадминов Киберфорум > Блоги
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск  
Старый
Рейтинг: 5.00. Голосов: 2.
Игровая демка "Сапёр" на чистом WebGL 1.0 и JavaScript из туториала "Unity 2D Minesweeper Tutorial" от NoobTuts
Запись от 8Observer8 размещена 06.03.2022 в 11:49 / Блог 8Observer8
Показов 2597 Комментарии 0
Содержание блога

Игровая демка "Сапёр" на чистом WebGL 1.0 и JavaScript портированная из туториала Unity 2D Minesweeper Tutorial от NoobTuts

Название: 01 - you win.png Просмотров: 9513 Размер: 5.7 Кб Название: 02 - you lose.png Просмотров: 9431 Размер: 7.2 Кб

Для создания игровой демки использовались инструменты:
  • Легковесный бесплатный редактор кода VSCode, который
...
Старый
Рейтинг: 5.00. Голосов: 1.
Загрузка 3D-моделей из Blender из формата dae без текстур на WebGL 1.0. Физический движок Cannon.js для падения кубиков
Запись от 8Observer8 размещена 08.01.2022 в 18:14 / Блог 8Observer8
Показов 1462 Комментарии 0
Содержание блога

В примере загружаются стандартные объекты Blender из формата dae без текстур. Цвет каждого объекта задаётся в самой программе - цвет через uniform-переменную передаётся в фрагментный шейдер. Библиотека...
Старый
Рейтинг: 5.00. Голосов: 1.
Инструкция по развёртыванию Node.js сервера с WebSockets на бесплатном хостинге Heroku. Веб-клиент и Desktop-клиент (Qt)
Запись от 8Observer8 размещена 17.12.2021 в 07:47 / Блог 8Observer8
Показов 2402 Комментарии 1
Метки heroku, node.js, qt
Содержание блога

Heroku удалил бесплатный хостинг в ноябре 2022. Есть альтернативы, например:
  • https://glitch.com/pricing - даётся 1000 часов на месяц. Файлы проектов будут открыты всем пользователям. Если к приложению не обращаются 5 минут, оно засыпает и просыпается в течение 30 секунду: "Это может привести к задержке ответа
...
Старый
Рейтинг: 5.00. Голосов: 1.
Пример загрузки кубика из gltf 2.0 на JavaScript и WebGL
Запись от 8Observer8 размещена 14.12.2021 в 15:38 / Блог 8Observer8
Показов 1436 Комментарии 0
Метки gamedev, javascript, webgl
Содержание блога

WebGL-демка в песочнице

Исходники: load-cube-from-gltf2-webgl-js.zip (4.1 Кб)

PHP/HTML
1
2
3
4
5
6
7
8

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Loading a
...
Старый
Рейтинг: 5.00. Голосов: 1.
Спрайтовая анимация "Fang Idle" на WebGL 2.0 и JavaScript
Запись от 8Observer8 размещена 13.12.2021 в 13:00 / Блог 8Observer8
Показов 1611 Комментарии 0
Метки gamedev, javascript, webgl
Содержание блога

PHP/HTML
1
2
3
4
5
6
7

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,
...
Старый
Рейтинг: 5.00. Голосов: 2.
Спрайтовая анимация "Fang Idle" на WebGL 2.0 и TypeScript
Запись от 8Observer8 размещена 13.12.2021 в 12:52 / Блог 8Observer8
Показов 1234 Комментарии 0
Метки gamedev, typescript, webgl
Содержание блога

Для сборки и запуска примера нужно глобально установить следующие пакеты командой:

npm i -g typescript browserify uglify-js http-server
Зайти в папку с примером и установить локальные пакеты из package.json командой:

npm i
Ввести команду сборки:...
Старый
Рейтинг: 5.00. Голосов: 1.
Использование физического движка Planck.js вместе с TypeScript (Planck.js - это порт физического 2D-движка Box2D)
Запись от 8Observer8 размещена 04.02.2021 в 20:39 / Блог 8Observer8
Показов 2539 Комментарии 0
Метки planck.js, typescript
Содержание блога

Скачать исходники: hello-planckjs-webgl10-ts.zip (4.8 Кб)

Исходники на GitHub: hello-planckjs-webgl10-ts

Установите глобально следующие пакеты:
  • npm i typescript -g
  • npm i browserify -g
  • npm i uglify-js -g

Установите пакеты из `package.json` командой: npm install

Раскомментируйте/Закомментируйте Debug/Release в файлах `index.html` и `main.ts` (см....
Старый
Рейтинг: 5.00. Голосов: 1.
Использование физического движка Ammo.js вместе с TypeScript (Ammo.js - это порт физического 3D-движка Bullet)
Запись от 8Observer8 размещена 29.01.2021 в 18:32 / Блог 8Observer8
Показов 3519 Комментарии 0
Метки typescript
Содержание блога

Скачать исходники: hello-ammojs-webgl10-ts.zip (46.0 Кб)

Исходники на GitHub: hello-ammojs-webgl10-ts

Установите глобально следующие пакеты:
  • npm i typescript -g
  • npm i browserify -g
  • npm i uglify-js -g

Установите пакеты из `package.json` командой: npm install

Раскомментируйте/Закомментируйте Debug/Release в файлах `index.html` и `main.ts` (см. комментарии...
Старый
Рейтинг: 5.00. Голосов: 1.
Определение клика мыши шейдером по фигуре любой формы в 2D и 3D на языках: JavaScript, Python и C++ (Qt)
Запись от 8Observer8 размещена 25.01.2021 в 18:31 / Блог 8Observer8
Показов 4684 Комментарии 0
Метки c++, gamedev, javascript, python, qt
Содержание блога

Почти такой же пример находится в сообщении на TypeScript и C#, но в нём отсутствует масштабирование мира под размер окна.

Исходники:...
Старый
Рейтинг: 5.00. Голосов: 1.
Инструкция подключения GoogleTest и GoogleMock к Qt Creator в несколько кликов без CMake
Запись от 8Observer8 размещена 21.01.2021 в 15:05 / Блог 8Observer8
Показов 19564 Комментарии 0
Метки c++, mock, qt, unit-test
Содержание блога

Исходники: Calculator_QtCpp.zip (5.4 Кб)

В QtCreator подключение GTest и GMock происходит в несколько кликов из исходников без использования CMake для сборки в библиотеки.
  • Скачиваем архив релиза, который включает в себя GTest и GMock: https://github.com/google/googletest/releases
  • Извлекаем архив в папку, например: E:\Libs
  • В Qt Creator выбираем: "File" > "New Project" > "Other
...
Старый
Рейтинг: 5.00. Голосов: 1.
Рисование квадратов, координаты которых считываются с удалённой базы данных MySQL и передаются с сервера через WebSocket
Запись от 8Observer8 размещена 13.01.2021 в 23:16 / Блог 8Observer8
Показов 4240 Комментарии 0
Метки db, mysql
Содержание блога

Скачать исходники: squares-from-mysql-webgl10-js.zip (3.5 Кб)

Развернул пример на бесплатном хостинге Heroku: https://squares-from-mysql-web... kuapp.com/

Ограничение на бесплатном хостинге Heroku такое, что если приложением не пользовались 30 минут, то оно засыпает, но чтобы приложение проснулось достаточно 10-15...
Старый
Рейтинг: 3.67. Голосов: 3.
Подключение Assimp к Qt Creator для использования на Qt C++ и OpenGL
Запись от 8Observer8 размещена 27.11.2020 в 14:26 / Блог 8Observer8
Показов 4939 Комментарии 0
Метки c++, opengl, qt
Содержание блога

Assimp - это библиотека для загрузки 3D моделей из различных форматов. Допустим вы собрали Assimp с помощью CMake и инструментов MinGW, то по окончанию процесса сборки у вас будут собраны следующие библиотеки:

Нажмите на изображение для увеличения Название: AssimpMinGWLibs.png Просмотров: 558 Размер: 5.6 Кб ID: 6599

Также нужна будет папка "include":

Нажмите на изображение для увеличения Название: AssimpInclude.png Просмотров: 537 Размер: 10.1 Кб ID: 6600

Подключается Assimp в Qt Creator следующим образом. Нужно добавить в .pro файл:
  • Путь к "include"
  • Путь
...
Старый
Рейтинг: 3.00. Голосов: 6.
Скелетная анимация на двух костях на Qt C++ и OpenGL
Запись от 8Observer8 размещена 26.11.2020 в 10:01 / Блог 8Observer8
Показов 3521 Комментарии 0
Метки c++, gamedev, opengl, qt
Содержание блога

Исходники:
Переписал этот пример скелетной анимации на двух костях из книги по WebGL (англ., рус.) на Qt C++

Управление:
  • Нижняя кость крутится вокруг оси Y с помощью клавиш
...
Старый
Рейтинг: 3.00. Голосов: 6.
Вращение кубика с помощью клавиш клавиатуры на Qt C++ и OpenGL
Запись от 8Observer8 размещена 25.11.2020 в 15:01 / Блог 8Observer8
Показов 2884 Комментарии 0
Метки c++, gamedev, opengl, qt
Содержание блога

Исходники:
За основу взяты примеры из книги по WebGL: этот и этот (книга: англ., рус.)

Управление: WASD и клавиши стрелок клавиатуры.

Демка для Windows: RotateCubeByKeys_DemoForWindows.zip (11 МБайт)...
Старый
Рейтинг: 2.00. Голосов: 4.
Пример змейки из туториала от NoobTuts: Python Snake Game, переписанный на Qt C++ OpenGL
Запись от 8Observer8 размещена 23.11.2020 в 19:36 / Блог 8Observer8
Показов 2921 Комментарии 0
Метки c++, gamedev, opengl, python, qt
Содержание блога

Демка для Windows: Snake2DNoobTuts_OpenGLES20_Qt5Cpp.zip (11 МБайт)

Исходники на OpenGL ES 2.0 для Desktop, Android и iOS

C++ (Qt)
1
2
3
4
5
6
7
8
9
10

// Add this line to .pro:
// win32: LIBS += -lopengl32
 
#ifdef _WIN32
#include <windows.h>
extern "C" __declspec(dllexport) DWORD NvOptimusEnablement = 0x00000001;
extern "C" __declspec(dllexport) DWORD AmdPowerXpressRequestHighPerformance = 0x00000001;
#endif
 
#include <QtWidgets/QApplication>
...
Старый
Рейтинг: 5.00. Голосов: 1.
[Туториал] Подключение 3D-движка Panda3D к Qt Creator IDE для программировани­я на C++
Запись от 8Observer8 размещена 16.11.2020 в 17:12 / Блог 8Observer8
Показов 2792 Комментарии 0
Метки c++, panda3d, qt
Содержание блога

3D-движкок Panda3D написан на C++ и позволяет создавать интерактивные 3D-приложения не только на Python, но и на C++. Эта пошаговая инструкция поможет вам подключить Panda3D к Qt Creator IDE.

1. Скачайте и установите Panda3D-SDK-1.10.7 x86: https://www.panda3d.org/download/sdk-1-10-7/

2. Скачайте и установите Qt 5.15.1 for MSVC 2019 32-bit: https://www.qt.io/download-open-source На скриншоте показано, что нужно отметить...
Старый
Рейтинг: 5.00. Голосов: 1.
Написал анимацию ходьбы на C++ и Qt OpenGL 3.3
Запись от 8Observer8 размещена 10.08.2020 в 18:44 / Блог 8Observer8
Показов 461 Комментарии 0
Метки c++, gamedev, opengl, qt
Старый
Рейтинг: 2.67. Голосов: 3.
Создание меню для игры на UPBGE 0.2.5. Русский шрифт. Экспорт в exe
Запись от 8Observer8 размещена 11.06.2020 в 14:55 / Блог 8Observer8
Показов 19165 Комментарии 1
Метки blender, gamedev
Содержание блога

BGE вышел из состава 3D-редактора Blender и стал называться UPBGE. Официальный сайт UPBGE: https://upbge.org/ BGE (Blender Game Engine) - это игровой движок, который входил в состав Blender до версии 2.79 включительно, а в версии Blender 2.8 этот игровой движок был полностью удалён из Blender 2.8. BGE продолжает активно развиваться, как самостоятельный игровой движок и называется он теперь UPBGE: https://github.com/UPBGE/upbge Как написано в описании...
Старый
Рейтинг: 5.00. Голосов: 1.
Пример загрузки анимированной модели из формата glTF 2.0 на TypeScript и движке Babylon.js
Запись от 8Observer8 размещена 04.06.2020 в 07:48 / Блог 8Observer8
Показов 3124 Комментарии 0
Метки gamedev, typescript
Содержание блога

Скачать исходники: gates-babylonjs-typescript.zip (6.9 Кб)

Мой пример на бесплатном движке Babylon.js и языке TypeScript, который показывает как загружать анимированную модель из формата glTF 2.0 и располагать проект в песочнице Plunker в нескольких файлах исходного кода

Запустить в песочнице Plunker: https://plnkr.co/edit/WEMBjkkJJbHgVPVJ?preview

Запустить release-версию собранная в bundle.min.js с...
Старый
Рейтинг: 5.00. Голосов: 2.
Создание кроссплатформен­ного приложения с графикой на C#, OpenGL 3.1 и .NET Core
Запись от 8Observer8 размещена 28.05.2020 в 18:20 / Блог 8Observer8
Показов 4905 Комментарии 0
Метки .net, c#, opengl
Содержание блога
  • Устанавливаем кроссплатформенный .NET Core SDK
  • Создаём пустую папку и заходим в неё из консоли: cd your_project
  • Создаём консольное приложение с помощью .NET Core, вводим в консоль команду: dotnet new console
  • Устанавливаем кроссплатформенную библиотеку OpenTK: dotnet add package OpenTK.NetStandard --version 1.0.5.22
  • Открываем проект в кроссплатформенном лекговесном редакторе кода VSCode, команда в консоли: code . (плагин: C#
    Microsoft    )
  • Копируем код
...
Старый
Рейтинг: 5.00. Голосов: 1.
Инструкция установки SFML.NET для работы с 2D графикой на C# .NET Core на Windows, Linux и Mac
Запись от 8Observer8 размещена 23.05.2020 в 22:14 / Блог 8Observer8
Показов 12547 Комментарии 1
Метки .net, c#, sfml
Содержание блога

Инструкция была написана для темы: Mac OS. Как рисовать графики?

SFML умеет загружать шрифты, рисовать текст и многое другое. В качестве легковесный редактора кода я использую VSCode, который работает на Windows, Linux и Mac. Прочитайте официальную инструкцию: https://code.visualstudio.com/... ges/dotnet...
Старый
Рейтинг: 5.00. Голосов: 1.
Пошаговая инструкция. Выставление Origin в центр модели и центр координат в Blender
Запись от 8Observer8 размещена 16.05.2020 в 14:27 / Блог 8Observer8
Показов 71061 Комментарии 0
Метки blender
Содержание блога

Origin - это точка модели относительно которой происходят трансформации с координатами вершин примитивов модели.
  • В Blender'е кликните левой кнопкой мыши по модели, чтобы выделить её
  • Перейдите в режим "Edit Mode" с помощью нажатия клавиши "Tab"
  • Кликом мыши по вершинам выделите две противоположенные вершины,
...
Старый
Рейтинг: 5.00. Голосов: 1.
Makefile для сборки примера на движке Urho3D с помощью MinGW 32 bit
Запись от 8Observer8 размещена 14.05.2020 в 13:47 / Блог 8Observer8
Показов 2130 Комментарии 1
Метки mingw, urho3d
Содержание блога

Добавлено 1.04.2023. Развитие Urho3D было прекращено. Официальный репозиторий был заархивирован владельцем 25.01.2023. Официальный форум был удалён и перенесён в архив. В readme на официальном репозитории написано, что от Urho3D образовалось два активных fork'а: Dviglo и Turso3D:

Активная работа над движком без сохранения обратной совместимости ведётся в форке Dviglo.

The founder of Urho3D (Lasse Öörni) is currently working on Turso3D.
...
Старый
Рейтинг: 3.00. Голосов: 2.
Пример Makefile для компиляции с помощью gcc и MinGW оконного приложения на SDL2 и Си
Запись от 8Observer8 размещена 07.05.2020 в 02:30 / Блог 8Observer8
Показов 3084 Комментарии 0
Метки c, mingw
Содержание блога

Исходники и EXE: rectangle-sdl2-clang.rar (406.6 Кб)

Покажу пример создания окна на SDL2, на котором будет рисоваться зелёный прямоугольник. Покажу, как подключать библиотеку и инклуды в простом Makefile для компиляции на Windows с помощью gcc.

Скачайте библиотеку SDL2-devel-2.0.12-mingw.tar.gz (MinGW 32/64-bit) (ссылка взята с официального сайта: https://www.libsdl.org/download-2.0.php). После разархиварования вы найдёте...
Старый
Рейтинг: 5.00. Голосов: 1.
Функция определения победителя и unit-тесты для неё для игры Крестики-нолики на Python
Запись от 8Observer8 размещена 28.04.2020 в 20:31 / Блог 8Observer8
Показов 2903 Комментарии 0
Метки python, unit-test
Содержание блога

grid.py

Python
1
2
3
4
5
6
7
8
9

grid = [
    [" ", " ", " "],
    [" ", " ", " "],
    [" ", " ", " "]]
 
def is_winner(player):
    return (
        # Rows
        grid[0][0]
...
Старый
Рейтинг: 5.00. Голосов: 1.
Рисование геометрических фигур на плоскости с помощью Canvas API и JavaScript ES5
Запись от 8Observer8 размещена 27.04.2020 в 15:06 / Блог 8Observer8
Показов 2618 Комментарии 0
Метки canvas, javascript
Содержание блога

Скачать исходники: triangle-square-disk-canvas2d-es5.rar (12.5 Кб)
Запуск в песочнице и просмотр кода: https://plnkr.co/edit/XqVPPW2HKQKayvUM?preview

index.html

PHP/HTML
1
2
3
4
5
6
7
8

<!doctype html>
 
<html>
    <body>
        <canvas id="myCanvas" width="300" height="300" style="border: 1px solid black"></canvas>
 
        <script>
            var canvas
...
Старый
Рейтинг: 5.00. Голосов: 1.
Загрузка текстурированно­й 3D модели из OBJ-формата в WPF, C#, OpenGL 3.3
Запись от 8Observer8 размещена 26.04.2020 в 19:16 / Блог 8Observer8
Показов 4243 Комментарии 0
Метки .net, c#, gamedev, opengl, wpf
Содержание блога

Скачать исходники: ObjLoader_OpenGL33WPF.zip (5.46 Мб)
К записи прикреплён скриншот экспорта из Blender. Должна стоять галочка, что модель будет триангулирована.

MainWindow.xaml

XML
1
2
3
4

<Window x:Class="ObjLoader_OpenGL33WPF.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
...
Старый
Рейтинг: 5.00. Голосов: 1.
Вывод текста и геометрических фигур на плоскости с помощью Canvas API и языка TypeScript
Запись от 8Observer8 размещена 26.04.2020 в 17:12 / Блог 8Observer8
Показов 2411 Комментарии 0
Метки canvas, typescript
Содержание блога

Перевёл один в один SFML C++ пример на Canvas API и TypeScript:
Как собрать из консоли:
  • Заходим в каталог проекта из консоли и вводим команды:
  • npm install
  • http-server
  • В браузере: localhost:8080

Замечание. Должны быть установлены: Node.js, TypeScript и HTTP Server. Установка глобально:
npm typescript http-server -g
Исходники

HTML5
1

<canvas id="renderCanvas"
...
Старый
Рейтинг: 5.00. Голосов: 2.
Вывод текста и геометрических фигур на плоскости с помощью библиотеки SFML и языка C++
Запись от 8Observer8 размещена 25.04.2020 в 18:54 / Блог 8Observer8
Показов 3191 Комментарии 1
Метки c++, sfml
Содержание блога

Скачать проект для Visual Studio: DrawText_SfmlCpp.zip (5.21 Мб). Библиотека SFML подключена и проект должен запуститься без каких-либо дополнительных действий, то есть вы скачиваете проект, открываете его в VS и сразу запускаете, без самостоятельного подключения библиотек. Можете посмотреть в настройках, как я подключал библиотеки по относительным путям.

main.cpp

C++
1
2
3
4

#include <iostream>
#include <SFML/Graphics.hpp>
 
int main()
...
Старый
Рейтинг: 5.00. Голосов: 3.
Пример рисования шахматной доски, загруженной из obj-формата, на C++, OpenGL 3.1, SDL2
Запись от 8Observer8 размещена 18.04.2020 в 11:44 / Блог 8Observer8
Показов 11879 Комментарии 0
Метки c++, gamedev, opengl
Содержание блога

Скачать проект для Visual Studio с подключёнными библиотеками: ChessBoard_SDL2OpenGL31Cpp.zip

Проект должен запускаться в VS2012-VS2017 (x86 и x64). Все нужные включены в проект (лежат в папке Libs) и подключены по относительному пути. В архиве находятся проекты для Blender и GIMP в папке "GimpBlenderProjctFiles".
...
3 из 9 « 12 3 4567 »
Новые блоги и статьи
Установка MinGW GCC 16.2 и CMake
8Observer8 10.08.2026
VK Видео: https:/ / vkvideo. ru/ video-240781534_456239017 YouTube: eY5-5PyI9NM Текстовая версия
 Неделя из жизни имитационной модели склада: мои кривые руки растут, откуда надо
anaschu 10.08.2026
Неделя из жизни имитационной модели склада: как я почти написал неправильную логику и что с этим делать Работаю сейчас над учебно-рабочим проектом: строю в AnyLogic имитационную модель процессов. . .
Калькулятор для расчета родства
russiannick 07.08.2026
1. Задача: Создать калькулятор для расчета родства. Родственных связей существует 8 ступеней, такие как: p - отец P - мать q - муж Q - жена b - брат B - сестра s - сын S - дочь
 Мир по моей воле
kumehtar 07.08.2026
Когда-то кажется, что всё просто. Ты весь такой светлый. Причиняешь добро. Борешься за справедливость в этом тёмном мире. Потом начинаешь замечать одну неприятную вещь. Почти каждый хороший. . .
Кредитный калькулятор
Maks 05.08.2026
Решение задачи по прикладной информатике средствами 1С. Задача: Напишите приложение-калькулятор, которое помогает рассчитывать параметры кредита для аннуитетного и дифференцированного видов. . .
У нас сейчас поговорку "Опять 25" нужно переделать на "Опять +35".
kumehtar 04.08.2026
С ностальгией вспоминаю времена моего детства, когда у нас и правда +25 - была максимальная температура летом. Раньше +25 °C реально казались вершиной жары, когда можно было весь день пропадать на. . .
Как ИИ начал спорить и врать (возможно почуяв опасность для себя от индустрии - уход от электроники).
Hrethgir 04.08.2026
Недельный диалог, на фоне событий с НПЗ. Да, из спирта можно получать бензин, и это не сложно. Но потом в схеме я решил избавиться от насоса, при этом полностью сделав контроль подачи спирта в. . .
Термопринтер QR701
Argus19 03.08.2026
Термопринтер QR701 Купил два термопринтера QR701. На сэлф-тесте написано: Language: PC936 (GB18030). Что означает, что принтеры могут печатать только латиницу и китайские иероглифы. Так же. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru